/* Self-hosted Poppins + Tailwind layers are defined in styles/globals.css */

/* ================= GLOBAL STYLES ================= */
*,
*::before,
*::after {
    font-family: 'Poppins', sans-serif;
}

/* ================= LABEL STYLES ================= */
.icon-label {
  position: absolute;
  color: #ffffff;
  font-weight: 600;
  font-size: 14px;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  padding: 6px 12px;
  white-space: nowrap;
  z-index: 10;
  animation: fadein 2s ease-in;
}

/* Hide labels by default; show on icon hover */

@keyframes labelFade {
  0% {
    opacity: 0;
    transform: translateY(6px);
  }
  20% {
    opacity: 1;
    transform: translateY(0);
  }
  80% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-6px);
  }
}


.icon-label.left {
  left: -110px;
  top: 50%;
  transform: translateY(-50%);
}

.icon-label.right {
  left: 70px;
  top: 50%;
  transform: translateY(-50%);
}

.icon-label.bottom {
  top: 70px;
  left: 50%;
  transform: translateX(-50%);
}

@keyframes fadeIn {
  0% { opacity: 0; transform: translateX(-6px); }
  100% { opacity: 1; transform: translateX(0); }
}

/* ========== FULL CSS ========== */

@keyframes lineFlowOutLeft { 0% { background-position: 0 0; } 100% { background-position: -32px 0; } }
@keyframes lineFlowOutRight { 0% { background-position: 0 0; } 100% { background-position: 32px 0; } }
@keyframes lineFlowOutDown { 0% { background-position: 0 0; } 100% { background-position: 0 32px; } }
@keyframes lineFlowOutUp { 0% { background-position: 0 0; } 100% { background-position: 0 -32px; } }

/* LEFT SECTION */

/* RIGHT SECTION */

/* CENTER BOX */


@keyframes containerShimmer {
  0% { left: -100%; }
  100% { left: 100%; }
}

@keyframes expandGlow {
  0% { width: 100px; height: 100px; opacity: 1; border-color: rgba(59,130,246,0.8);}
  100% { width: 240px; height: 240px; opacity: 0; border-color: rgba(59,130,246,0);}
}

@keyframes pulse {
  0%,100% { transform: scale(1);}
  50% { transform: scale(1.05);}
}

@keyframes innerPulse {
  0%,100% { transform: scale(1);}
  50% { transform: scale(0.95);}
}

.hero-title {
  color: #ffffff;
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 0.5rem;
}

.title-highlight {
  color: #3b82f6;
}

.primary-button {
  padding: 0.6rem 1.5rem;
  background-color: #3b82f6;
  color: white;
  font-weight: 600;
  border-radius: 6px;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}

.primary-button:hover {
  background-color: #2563eb;
}

/* BOTTOM SECTION */

/* ICON BOX */

@media (max-width: 1024px) {

  /* Keep icon wrapper relative (already is, but explicit is safe) */

  /* ALL labels: absolute & below icon */
  .icon-label,
  .icon-label.left,
  .icon-label.right,
  .icon-label.bottom {
    position: absolute;
    top: 62px;                 /* 50px icon + spacing */
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    text-align: center;
    font-size: 13px;
    animation: labelFade 3s ease-in-out;
    pointer-events: none;
  }

}

/* Hide mobile products on very small screens (e.g. narrow phones) */
@media (max-width: 760px) {
    /* stronger selector and !important to override other CSS that may load after this file */
}


/* Mobile product grid: show 3 per row with labels */
html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    height: 100%;
    font-family: 'Poppins', sans-serif !important;
    background-color: #ffffff;
}

.breadcrumb:hover {
    text-decoration: underline;
    text-underline-offset: 8px;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.container {
    width: 1300px;
    margin-right: auto;
    margin-left: auto;
}



.book-demo-page .container {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 20px;
}

* {
    box-sizing: border-box;
}

nav {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 1200;
}

.hero-senz {
    background-color: #05154B;
    background-size: cover;
    background-position: center center;
    min-height: 110vh;
    display: flex;
    background-repeat: no-repeat;
    justify-content: center;
    align-items: center;
}

.hero-senz-row {
    display: flex;
    align-items: flex-start;
}
.hero-senz-row-image {
  position: relative;
  margin-top: 80px;
}

.hero-senz-content {
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-align: left;
}

.hero-senz-img-col {
    width: 40%;
}

.hero-senz-img {


    display: flex;
    flex-direction: row;
    width: 100%;
    height: auto;
    margin-top: -40px;
}

.hero-iotkit {
    background-image: url(/images/senmatica-v1/iot-lits/iot-kits-page-banner-hero-modern.webp);
    background-color: #f6f6f6;
    background-position: right;
    min-height: 88vh;
    display: flex;
    background-repeat: no-repeat;
    justify-content: center;
    align-items: center;
    margin-top: 68px;
}

.hero-iotkit-content {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;

    align-items: flex-start;
    text-align: left;
}

.magma-tagline {
    width: 60%;
    font-style: normal;
    font-weight: 600;
    font-size: 1.5em;
    line-height: 120%;
    color: #1EB2FF;
    margin-bottom: -0.9em;
}

.magma-herotag {
    width: 100%;
    font-style: normal;
    font-weight: 700;
    font-size: 2em;
    line-height: 140%;
    padding-bottom: 16px;
    color: #FFFFFF;

}

.magma-hero-body {

    font-style: normal;
    font-weight: 400;
    font-size: 1em;
    line-height: 150%;
    color: #F2F3FF;
    margin-bottom: 2em;
    margin-top: -0.9em;
}

.iotkit-herotag {
    width: 100%;
    font-style: normal;
    font-weight: 700;
    font-size: 2em;
    line-height: 140%;
    color: #333333;
}

.iotkit-hero-body {
    font-style: normal;
    font-weight: 400;
    font-size: 1em;
    line-height: 150%;
    color: #565656;
    margin-bottom: 2em;
}

.iotkit-hero-button {
    width: 25%;
    height: 2.8em;
    border: none;
    border-radius: 0.5em;
    background-color: #2A7CEC;
    font-weight: 600;
    font-size: 1em;
    line-height: 150%;

    color: #ffffff;
    transition: transform 0.3s ease;
    font-family: 'Poppins', sans-serif;
}

.iotkit-hero-button:hover {
    background-color: #1454ae;
    color: #ffffff;
    transform: scale(1.1);
}

.card-box {
    display: flex;
    flex-direction: row;
}

.card-box-1 {
    width: 60%;
}

.card-box-2 {
    width: 50%;
    padding-left: 10px;
}

.feature-card {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 1400px;
    padding: 50px 50px 50px 50px;
    background: #EEF4FD;
    border-radius: 24px;
    margin-left: 0px;
}

.feature-card-left-img {
    max-width: 780px;
    height: 300px;
    object-fit: cover;
    margin-left: 0px;
    margin-right: 30px;
    border-radius: inherit;
    box-shadow: 0 60px 40px rgb(0 0 0 / 8%);
    border: #e2e2e2 solid;
}

.feature-card-right-img {
    max-width: 780px;
    height: 300px;
    object-fit: cover;
    margin-right: 0px;
    margin-left: 30px;
    border-radius: inherit;
    box-shadow: 0 60px 40px rgb(0 0 0 / 8%);
    border: #e2e2e2 solid;
}

.feature-card h2 {
    color: rgb(0 0 0 / 90%);

}

.feature-card p {
    color: rgb(0 0 0 / 70%);

}

.magma-hero-button {
    width: 25%;
    height: 2.8em;
    border: none;
    border-radius: 0.5em;
    background-color: #BFD6FA;
    font-weight: 600;
    font-size: 1em;
    line-height: 150%;
    color: #020F3C;
    transition: transform 0.3s ease;
    font-family: 'Poppins', sans-serif;
}

.magma-hero-button:hover {
    background-color: #FFFFFF;
    color: #2A7CED;
    transform: scale(1.1);
}

.medtech-hero-button {
    width: 230px;
    height: 2.8em;
    border: none;
    border-radius: 0.5em;
    background-color: #2A7CED;
    font-weight: 600;
    font-size: 1em;
    line-height: 150%;
    color: #fff;
    transition: transform 0.3s ease;
    font-family: 'Poppins', sans-serif;
}

.publish-hero-button {
    width: 230px;
    height: 2.8em;
    border: 2px solid #2A7CED;
    border-radius: 0.5em;
    background-color: white;
    font-weight: 600;
    font-size: 1em;
    line-height: 150%;

    color: #020F3C;
    transition: transform 0.3s ease;
    font-family: 'Poppins', sans-serif;
}

.medtech-hero-button:hover {
    background-color: #FFFFFF;
    color: #2A7CED;
    transform: scale(1.1);
}

.bg-blue-border {
    background-color: #005B96;
    border-radius: 5px;
    color: #FFFFFF;
    font-weight: 500;
    padding: 8px;
}

.pt-40 {
    padding-top: 40px;
}

.pb-40 {
    padding-bottom: 40px !important;
}

.pt-0 {
    padding-top: 0px !important;
}

.pb-0 {
    padding-bottom: 0px !important;
}

.aicore-img {
    margin-top: 0px;
    width: 100%;
    padding-right: 20px;
    margin-left: -54px;
    height: 100%;
}

.aicore-mobile-img {
    display: none;
}

.mag-iot-row,
.pub-care-row,
.fireside-row {
    display: flex;
    justify-content: center;
}

.iotkit-banner-img {
    width: 100%;
    padding-top: 80px;
}

.iotcore-banner-img {
    width: 100%;
    padding-top: 80px;

    margin-left: -54px;

}


.iotkit-background {
    background-color: #F8F8F8;

}

.show-mobile {
    display: none;
}

.show-mobile-img {
    display: none !important;
}

.iotkit-mobile-img {
    display: none;
}

.aicore-background {
    background-image: url(/images/senmatica-v1/Ai_Core_Container.webp);
    background-size: cover;
    background-repeat: no-repeat;
}

.mag-iot-column {
    width: 50%;
}

.medtech-iot-column {
    width: 80%;
}

.medtech-1-iot-column {
    width: 20%;
}

.medtechbenefit-iot-column {
    width: 53%;
}

.medtechbenefit-1-iot-column {
    width: 45%;
    padding-left: 20px;
}


.mag-iotcore-column,
.pub-care-column,
.fireside-column {
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
}




.mag-iot-column h2 {
    font-size: 24px;
    font-weight: bold;
    margin-top: 0;
}

.feature-para {
    font-size: 16px;
    line-height: 1.5;
    margin-top: 0;

}

.text-color-white {
    color: #FFFFFF !important;
}
.text-color-white p{
    color: #FFFFFF !important;
}
.text-color-subhead {
    color: #000000 !important;
    padding-bottom: 20px;
}

.mag-mincard {
    width: 48%;
    height: 200px;
    padding: 16px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 35px #55629A29;
    border-radius: 10px;
    opacity: 1;
    transition: box-shadow 0.3s ease-in-out;
}

.mag-mincard:hover {
    box-shadow: 0 3px 3px rgba(178, 178, 178, 0.5);
}

.dp-mini-card-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    width: 1400px;
}

.dp-mincard {
    width: 32%;
    height: auto;
    padding: 16px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 5px #55629A29;
    border-radius: 10px;
    opacity: 1;
    transition: box-shadow 0.3s ease-in-out;
    position: relative;
 
}


.dp-mincard:hover {
    box-shadow: 0 3px 3px rgba(178, 178, 178, 0.5);
}

.dp-mincard h2 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 0;
    width: 82%;
}

.dp-mincard p {
    font-weight: 400;
    color: #6F6D6D;
    padding-top: 12px;
}

.dp-mincard span {
    font-size: 46px;
    opacity: 0.1;
    font-weight: 650;
    height: 30px;
    position: absolute;
    top: 10px;
    right: 15px;
}
 



.medtech-mincard {
    width: 300px;
    min-height: 196px;
    padding: 16px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 35px #55629A29;
    border-radius: 10px;
    opacity: 1;

    transition: box-shadow 0.3s ease-in-out;
}

.medtech-mincard:hover {
    box-shadow: 0 3px 3px rgba(178, 178, 178, 0.5);
}


.mag-mincard-img {
    width: 32px !important;
    padding-top: 8px !important;
    /* width: 14px; */
    height: auto;
}


.mag-feature-cta a {
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 50px;
    color: #2A7CED;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
    padding-top: 16px;

}

.mag-feature-cta img {
    margin-left: 8px;
    transition: transform 0.3s ease-in-out;
}

.mag-feature-cta:hover img {
    transform: scale(1.2);
}

.edition-row {
    display: flex;
    justify-content: center;
}

.edition-col {
    width: 50%;
}

.edition {
    background: linear-gradient(105.48deg, #2A7CED 26.67%, rgba(5, 28, 87, 0.94) 110.21%);
    border-radius: 30px;
    padding: 35px;
    display: flex;
    align-items: flex-start;

}

.mr-5 {
    margin-right: 5px;
}

.ml-5 {
    margin-left: 5px;
}

.edition-cta {
    background-color: #FFFFFF;
    border-radius: 20px;
    padding: 10px 16px 10px 20px;
    display: flex;
    align-items: center;
    transition: transform 0.3s ease;
}

.edition-cta:hover {
    transform: scale(1.1);
}

.edition-coming-soon {
    color: #004198;
    flex: 1;
    align-self: stretch;

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

}

.flex-wrapper-one {
    margin-right: 26px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.community-edition {
    height: 19.35%;
    font-family: "Poppins";
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    color: #FFFFFF;
    align-self: stretch;
    margin-bottom: 10px;
}

.open-source-a-iot-platform {
    max-width: 183px;
    width: revert;
    height: 32.26%;
    font-family: "Poppins";
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    color: #FFFFFF;
    margin-bottom: 33px;
}

.community-1 {
    width: 38%;
    height: 86.02%;
}

.width-50-per {
    width: 50% !important;
}


.white .light {
    width: 200px;
    display: none !important;
    cursor: pointer;
}

.white .dark {
    width: 200px;
    display: none !important;
    cursor: pointer;

}

.white .light-white {
    display: block !important;
    width: 200px;
    cursor: pointer;
}

.nav-default .container {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.nav-default .light-white {
    display: none;
    width: 200px;
    cursor: pointer;
}

.nav-default .dark-white {
    display: none;
    width: 200px;
    cursor: pointer;
}

.nav-default .light {
    width: 200px;
    display: none;
    cursor: pointer;
}

.nav-default .dark {
    width: 200px;
    display: block;
    cursor: pointer;

}

.down-icon {
    display: none;
}

.nav-next .light-white {
    display: none !important;
}

.nav-next .dark-white {
    display: block;
    width: 200px;
}

.nav-next {
    background-color: #ffffff;
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    transition: background-color 200ms linear;
}

.white .nav-next .light {
    width: 200px;
    display: none !important;
}

.nav-next .white .dark {
    width: 200px;
    display: block !important;
}


.nav-next .light {
    width: 200px;
    display: none;
}

.nav-next .dark {
    width: 200px;
    display: block;
}

.nav-next .container {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

nav .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    padding-top: 20px;
    padding-bottom: 20px;
}

.light {
    width: 200px;
}

.wrap-text {
    display: block;
}

.dark {
    width: 200px;
    display: none;
}

nav .primary-menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-right: 30px;
}

nav .primary-menu a {
    text-decoration: none;
    color: #4E5983;
    font-size: 16px;
    font-weight: 600;
    height: 50px;
    padding: 10px 0;
}

.nav-right {
    display: flex;
}

nav.nav-next .primary-menu a {
    text-decoration: none;
    color: #4E5983 !important;
    font-size: 16px;
    font-weight: 600;
}

nav.nav-next .primary-menu a:hover {
    color: #2A7CED !important;
}

nav.white .primary-menu a {
    text-decoration: none;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
}

nav.white .primary-menu a:hover {
    color: #bebebe;

}

nav.white .primary-menu a ul li a {
    margin-left: 0px;
    color: #8c8c8c;
}

nav .primary-menu ul {
    display: none;
    position: absolute;
    list-style: none;
    border-radius: 5px;
    padding-inline-start: 0px;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
    cursor: auto;
    left: 0;
    width: 100%;
}

/* Dropdown visibility is now controlled via React state
   using the .nav-dropdown-open class so that only one
   menu is open at a time. */ 

nav .primary-menu ul:hover {
    display: block;
}

nav .primary-menu a ul li {
    padding: 10px;
    color: #9f9f9f;
    font-weight: 400;
}

nav .primary-menu a ul li a {
    margin-left: 0px;
}

nav .primary-menu a:hover {
    color: #2A7CED;
}

nav .primary-menu a:hover ul,
nav .primary-menu a:focus ul {
    display: block;
}

header {
    width: 100%;
    overflow: hidden;
    position: relative;
}

header:not(.update-height-auto) {
    background-color: #F7F7F7;
    height: 650px;
}

.update-height-auto{
    height: auto !important;
}
.device-pulse-video {
    width: 889px;
    height: auto;
    position: relative;
    margin-left: 80px;
    border-radius: 25px;
}
.device-pulse-hd-txt{
    width: 130%;
    margin-bottom: 15px !important;
    font-weight: 550;
}
.device-pulse-h4-txt{
    width: 130%;
}

header video {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: 0;
    top: 50%;
    width: auto;
    height: auto;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

header .container {
    margin-top: -40px;
    display: flex;
    position: relative;
    padding-top: 160px;
    flex-direction: column;
    align-items: center;
    text-align: center;
    z-index: 2;
}

.radiometrix {
    width: 15% !important;
}

.home {
    margin-top: 0px !important;
    justify-content: center;
    height: 710px !important;
}

/* header .container img {
    width: 400px;
} */

header .container h1 {
    margin-block-start: 0;
    margin-block-end: 0;
    color: #FFFFFF;
}

.polar-heading {
    font-weight: 600 !important;
}

header .container h4 {
    margin-block-start: 0.10em;
    margin-block-end: 0;
    font-weight: 400;
    color: #a0a0a0;
    /* margin-bottom: 20px; */
}


section.brand-names {
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 100px;
    background-color: #f7f7f7;
}

section.brand-names .container {
    position: relative;
}

section.brand-names .container p {
    font-size: 18px;
    font-weight: 400;
    display: flex;
    justify-content: center;
    flex-direction: row;

}

section.brand-names .container p:after {
    content: "";
    flex: 1 1;
    border-bottom: 1px solid black;
    margin: auto;
    opacity: 0.1;
    margin-left: 5px;
}

section.brand-names .container hr {
    background-color: #ececec;
    position: absolute;
    height: 1px;
    border: none;
    width: 57%;
    top: 22px;
    right: 0;
}

section.solar-brands .container hr {
    width: 66%;
}

.fact-client-logo {
    margin-left: 460px;
}

section.brand-names .client-logo {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

section.brand-names .client-logo img {
    width: 80px;
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.client-logo img:hover {
    -webkit-filter: grayscale(0) !important;
    /* Safari 6.0 - 9.0 */
    filter: grayscale(0) !important;
}

.terms-heading {
    font-size: 2rem;
}

.footer-terms {
    color: #2a7ced !important;
    cursor: pointer;
}

.terms-para {
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: 400;
    letter-spacing: .018rem;
    margin: 0 0 1.5rem;
    color: #646464;
}

.p-10 {
    padding: 10px;
}

.primary-button {
    cursor: pointer;
    text-decoration: none;
    background: #2A7CED 0% 0% no-repeat padding-box;
    padding: 10px 40px;
    color: #ffffff;
    border-radius: 4px;
    font-weight: 600;
    box-shadow: 0px 3px 6px #2d365630;

}

.primary-button:hover {
    background-color: #1371f1;
}

.adder {
    display: none !important;
}

.cta-senzagro {
    background-color: #10C45D !important;
}

section.engagements {
    overflow: hidden;
    padding-top: 40px;
    padding-bottom: 40px;
}

.sa-engagements {
    padding-top: 0px !important;
    padding-bottom: 10px !important;
}


section.engagements .container {
    display: flex;
    flex-direction: row;
    /* align-items: center; */
}

section.engagements .container-column-left {
    width: 50%;
}

section.engagements .container-column-left .bottom {
    display: flex;
    flex-direction: row;
    align-items: normal;
    width: 50%;
}

section.engagements .container-column-left .bottom img {
    height: 100%;
    margin-right: 20px;
    width: 30%;
}

section.engagements .container-column-right {
    display: flex;
    flex-direction: row;
    width: 50%;
    justify-content: space-between;
    /* align-items: center; */
}

section.engagements .container-column-right .rate-item {
    display: flex;
    flex-direction: column;
    margin-right: 50px;
}



section.engagements .container-column-right .rate-item h1,
section.engagements .container-column-right .rate-item .rate-item-count span,
section.engagements .container-column-right .rate-item .rate-item-plus {
    font-size: 60px;
    margin-block-start: 0;
    margin-block-end: 0;
    font-weight: 600;
    display: inline;
}

section.engagements .container-column-right .rate-item img {
    width: 120px;

}

section.engagements .container-column-right .rate-item label {
    font-size: 20px;
    color: #000000;
    font-weight: 500;
    margin-block-start: 0.30em;
    margin-block-end: 0.30em;
}

section.engagements .container-column-right .left {
    display: flex;
    flex-direction: column;
    align-items: normal;
    width: 25%;
}

section.engagements .container-column-right .right {
    display: flex;
    flex-direction: column;
    align-items: normal;
    width: 25%;
}

section.senzmate-customers {
    width: 100%;
}

section.senzmate-customers .container {
    padding-bottom: 100px;
    padding-top: 60px;
}

section.senzmate-customers .container h2 {
    margin-block-start: 0px;
    margin-block-end: 0px;
    display: flex;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    /*font-size: 35px;*/
    font-weight: 600;
}

section.senzmate-customers .container p {
    margin-block-start: 0px;
    margin-block-end: 0px;
    display: flex;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    font-size: 14px;
    font-weight: 600;
    color: #2A7CED;

}

section.senzmate-customers .container .award-logo {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

section.senzmate-customers .container .award-logo img {
    width: 120px;
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

section.senzmate-customers .container .award-logo img:hover {
    width: 120px;
    -webkit-filter: grayscale(0%) !important;
    /* Safari 6.0 - 9.0 */
    filter: grayscale(0%) !important;
}

section.what-we-do-home {
    width: 100%;
}

section.what-we-do-home .container {
    padding-bottom: 32px;
    position: relative;
}

section.what-we-do-home .container h2 {
    margin-block-start: 0px;
    margin-block-end: 0px;
    display: flex;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    /*font-size: 35px;*/
    font-weight: 700;
}

section.what-we-do-home .container span {
    margin-block-start: 0px;
    margin-block-end: 0px;
    display: flex;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    font-size: 14px;
    font-weight: 600;
    color: #2A7CED;
}

section.what-we-do-home .container .content {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 40px;
}

/* .stack-background {
    background-image: url(/images/stack/StackBackground.webp);
    background-color: #ECF9FF;
    background-position: center;
    background-repeat: no-repeat;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
} */


section.what-we-do-home .container .content .info-box {
    width: 35%;
    height: 320px;
    margin: 20px;
    padding: 20px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
}

section.what-we-do-home .container .content .info-box-highlight {
    width: 35%;
    height: 380px;
    margin: 20px;
    padding: 20px;
    font-size: 16px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
section.what-we-do-home .container .content .bootcamp-6-content-card{
    height: 330px !important;
}
.bootcamp-card-prereq{
    display: flex !important;
}

section.what-we-do-home .container .content .info-box a {
    font-size: 14px;
    color: #2A7CED;
}

section.what-we-do-home .container .content .info-box a:hover {
    text-decoration: underline;
}

section.what-we-do-home .container .content .info-box .btn {
    width: 100%;
    height: 40px;
    background-color: #2A7CED;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600;

}

section.what-we-do-home .container .content .info-box h2 {
    font-size: 20px;
    font-weight: 600;
    color: #060640;
}

section.what-we-do-home .container .content .info-box h3 {
    font-size: 16px;
    color: #060640;
}

section.what-we-do-home .container .content .info-box img {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    height: 60px;
    object-fit: contain;
}

section.what-we-do-home .container .content .info-box-highlight img {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    height: 60px;
    object-fit: contain;
}

section.what-we-do-home .container .content .info-box p {
    padding-top: 0px;
    margin-top: 0;
    font-size: 14px;
    color: #9090A7;
    width: 100%;
}

nav .container .logo {
    cursor: pointer;
}


section.product-lines,
section.platform {
    overflow: hidden;
    padding-top: 40px;
    padding-bottom: 90px;
}

section.product-lines .container {
    display: flex;
    flex-direction: column;
}

section.product-lines .title {
    text-align: center;
    width: 100%;
}

section.product-lines .title label {
    margin-block-start: 0px;
    margin-block-end: 0px;
    display: flex;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    font-size: 14px;
    font-weight: 600;
    color: #2A7CED;
}

.mb-100 {
    margin-bottom: 100px;
}
.mb-50{
    margin-bottom: 50px;
}

.mb-200 {
    margin-bottom: 200px;
}

section.product-lines .title h2 {
    margin-block-start: 0px;
    margin-block-end: 0px;
    display: flex;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    /*font-size: 35px;*/
    font-weight: 700;
}

section.product-lines .content {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 50px;
    padding-top: 50px;
}

section.product-lines .content .row-line {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 700px;
}

section.product-lines .content .row-line .products {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0);
    background-color: #ffffff;
    padding: 20px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 10px;
    cursor: pointer;
}

section.product-lines .content .row-line .products:hover {
    background: #eff6ff 0% 0% no-repeat padding-box;
}


section.product-lines .content .middle-row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}

@media only screen and (max-width: 768px) {
    .middle-row {
        display: none !important;
    }
}

@media all and (max-width: 426px) {
    section.fm-idea .container .icon-list .icon-item {
        width: 25%;
    }

    .rotate-img {
        margin: 140px 0;
    }

    .in-mobile-col {
        flex-direction: column;
    }
}

section.product-lines .content .middle-row img {
    height: 350px;
    width: 350px;
}

section.product-lines .content .row-line img {
    width: 200px;
    height: 50px;
    object-fit: contain;
}


section.values {
    overflow: hidden;
    padding-top: 40px;
    padding-bottom: 40px;
}

section.platform .container {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}

.polar-target-areas {
    padding-top: 96px;
    padding-bottom: 80px;
    background: white;
    color: #e5e7eb;
}

section.values .container {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}

section.values .title,
section.platform .title {
    text-align: center;
    width: 100%;
}

section.values .title h1 {
    margin-block-start: 0px;
    margin-block-end: 0px;
    display: flex;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    /*font-size: 35px;*/
    font-weight: 600;
}

.latest-home {
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    width: 100%;
}

.deeply {
    margin-block-start: 0px;
    font-size: 24px;
    margin-block-end: 0px;
    text-align: center;

}

section.values .title span {
    margin-block-start: 0px;
    margin-block-end: 0px;
    display: flex;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    font-size: 14px;
    font-weight: 600;
    color: #2A7CED;
}

.polar-target-areas .title span.home-page-blue-text {
    color: #60a5fa !important;
}

section.values .title p,
section.platform .title p {
    margin-block-start: 0px;
    margin-block-end: 0px;
    display: flex;
    justify-content: left;
    text-align: center;
    flex-direction: column;
    font-size: 14px;
    font-weight: 600;
    color: #2A7CED;
}

.polar-target-areas .title h2 {
    font-size: 30px;
    line-height: 1.25;
    margin-top: 8px;
    margin-bottom: 6px;
    font-weight: 700;
    color: #f9fafb;
}

.polar-target-areas .title h2.home-page-h {
    color: #f9fafb;
}

.polar-target-areas__subtitle {
    max-width: 640px;
    margin: 0 auto;
    line-height: 1.7;
    text-align: center;
}

.home-page-p.polar-target-areas__subtitle {
    color: #cbd5f5 !important;
}

.polar-target-areas .aiot-impact-subtitle {
    color: #cbd5f5;
    max-width: 640px;
    margin: 0.5rem auto 0;
}

.polar-target-areas__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
    align-items: stretch;
    margin-top: 40px;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}

.sa-values-green {
    color: #10c45d !important;
}

.sa-values-factory-color {
    color: #003847 !important;
}

.sa-values-solar-color {
    color: #FFC600 !important;
}

section.values .content {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 50px;
    padding-top: 50px;
}

@media (max-width: 768px) {
    section.values .content {
        gap: 10px;
    }
}

section.values .content h2 {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}

section.values .content-new h2 {
    font-size: 16px;
    font-weight: 600;
    text-align: left;
}

section.values .content-new p {
    font-size: 14px;
    color: #7587A4;
    font-weight: 400;
    text-align: left;
}

section.values .content p,
section.platform .content p {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
}

section.values .content-new p {
    font-size: 14px;
    color: #7587A4;
    font-weight: 400;
    text-align: left;
}

section.values .content .value-content,
section.platform .content .value-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

section.values-factory .content .value-content {
    max-width: 300px;
}

section.values-factory .content {
    align-items: normal;
    padding: 50px 10px 10px 10px;
}

.factory-bg-color {
    background-color: #003847;
}

section.data {
    overflow: hidden;
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #F9F9F9;
}


section.data .container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

section.data .container .half label {
    font-weight: 700;
    letter-spacing: 2px;
    background: #2A7CED;
    -webkit-background-clip: text;
    background-clip: text;

/* Publish / webinar inline form base styling */
.publish-form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.publish-form h2 {
    font-size: 18px;
    margin: 0 0 8px;
}

.publish-form .form-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 12px;
}

.publish-form .form-control.bookDemo {
    border-radius: 6px;
    border: 1px solid #d0d5dd;
    padding: 10px 12px;
    font-size: 14px;
}

.publish-form .form-control.bookDemo:focus {
    border-color: #2A7CED;
    outline: none;
    box-shadow: 0 0 0 2px rgba(42, 124, 237, 0.12);
}

.publish-form .form-control.bookDemo.is-danger {
    border-color: #e63946 !important;
    background-color: #fff5f6;
}

.publish-form .help.is-danger {
    color: #e63946;
    font-size: 12px;
    margin-top: 4px;
}

.publish-form .publish-row {
    display: flex;
    gap: 12px;
}

.publish-form .publish-row .form-group {
    flex: 1;
}

@media (max-width: 768px) {
    .publish-form .publish-row {
        flex-direction: column;
    }
}
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    font-size: 0.95rem;
}


section.data .title {
    width: 100%;
    text-align: center;
}

section.data .title h1 {
    font-size: 60px;
    font-weight: 600;
    margin-block-start: 0;
    margin-block-end: 0;

}

@media only screen and (max-width: 768px) {
    section.data .title h1 {
        font-size: 40px !important;

    }
}

@media only screen and (max-width: 768px) {
    section.product-lines .content .row-line {
        align-items: center;
    }
}

@media only screen and (max-width: 768px) {
    section.brand-names .container p {
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    section.engagements {
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    section.engagements .container-column-right {
        align-items: center !important;
        margin-right: 0px !important;
    }
}

@media only screen and (max-width: 768px) {
    .rate-item {
        align-items: center !important;
        margin-right: 0px !important;
    }
}

section.data .title p {
    font-size: 20px;
    font-weight: 400;
    margin-block-start: 0;
    margin-block-end: 0;
}

section.data .content {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 50px;
    padding-top: 50px;
}


section.blogs {
    padding-bottom: 30px;
    overflow: hidden;
}


section.blogs .list {
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
}

section.cta {

    padding-bottom: 0px;
    overflow: hidden;
}

section.cta .container {
    position: relative;
    text-align: center;
    color: white;
    width: 100% !important;
}

section.cta .container img {

    height: 600px;
    object-fit: cover;
    width: 106%;
    object-position: top;
}
section.homepage .container img {
    height: 600px;
    object-fit: cover;
    width: 106%;
    object-position: bottom;
}

section.homepage .content {
    background: linear-gradient(180deg, rgba(10, 24, 53, 0) 0%, rgba(10, 24, 53, 0.4) 50%, rgba(10, 24, 53, 0) 100%) !important;
    width: 100% !important;
}

section.cta .content {
    position: absolute;
    top: 50%;
    padding: 25px;
    width: 90%;
    background: linear-gradient(90deg, rgb(11 11 11 / 0%) 0%, rgb(21 21 21) 50%, rgb(12 31 35 / 0%) 100%);
    left: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    transform: translate(-50%, -50%);
}

section.newsletter {
    width: 100%;
    /* background-color: #ffffff; */
    overflow: hidden;
}

section.newsletter .container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

section.newsletter span {
    font-size: 20px;
    font-weight: 600;
    color: black;
    margin-block-end: 0;
}

section.newsletter .textbox {
    background: white;
    border-radius: 4px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #e0e4ea;
    box-shadow: 0 2px 12px rgba(42,124,237,0.08);
    padding: 12px 16px 12px 16px;
    height: auto;
    min-height: 46px;
    transition: all 0.3s ease;
    gap: 12px;
}

section.newsletter .textbox:hover {
    box-shadow: 0 4px 16px rgba(42,124,237,0.12);
    border-color: #d0d8e8;
}

section.newsletter .textbox:focus-within {
    box-shadow: 0 4px 20px rgba(42,124,237,0.18);
    border-color: #2A7CED;
}

section.newsletter .textbox input[type=text] {
    border: none;
    background-color: transparent;
    width: 100%;
    font-size: 1rem;
    padding: 0 8px;
    outline: none;
    color: #222;
    font-family: "Poppins", sans-serif;
    height: 32px;
    line-height: 32px;
}

section.newsletter .textbox input[type=text]::placeholder {
    color: #a0a6b8;
    opacity: 1;
}

section.newsletter .textbox input[type=text]:focus {
    outline: none;
    box-shadow: none;
    border: none;
}

section.newsletter .textbox img {
    width: 24px;
    height: 24px;
    cursor: pointer;
    color: #2A7CED;
    filter: brightness(0) saturate(100%) invert(37%) sepia(65%) saturate(2270%) hue-rotate(201deg) brightness(102%) contrast(98%);
    transition: all 0.2s ease;
    flex-shrink: 0;
}

section.newsletter .textbox img:hover {
    filter: brightness(0) saturate(100%) invert(23%) sepia(66%) saturate(1750%) hue-rotate(201deg) brightness(99%) contrast(99%);
    transform: scale(1.1);
}

@media (max-width: 768px) {
    section.newsletter .textbox {
        border-radius: 4px;
        padding: 10px 12px 10px 14px;
        min-height: 40px;
    }
    
    section.newsletter .textbox input[type=text] {
        font-size: 0.95rem;
        height: 24px;
        line-height: 24px;
    }
    
    section.newsletter .textbox img {
        width: 20px;
        height: 20px;
    }
}

footer {
    background-color: #ffffff;
    width: 100%;
}

/* footer .container {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #e7e7e7;
    padding-top: 20px;
    padding-bottom: 20px;
} */

footer .container .col {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-right: 20px;
}

footer .container .col h4 {
    color: #2A7CED;
}

footer .container .col a {
    text-decoration: none;
    color: #646464;
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 16px;
}
footer .container .col a:hover {
  color: #3b82f6 !important;
}

footer .container .col label {
    color: #646464;
    margin-bottom: 10px;
    font-weight: 400;
}

.horizontal-line {
    width: 50%;
    margin-left: 0px;
    color: #D9D9D9;
}

.burger-container {
    display: none;
}

.mob-menu {
    display: none;
}

/*SenzAgro CSS Begins From Here*/


.Roar {
    display: flex;
    width: 95%;
    justify-content: flex-end;
    margin-bottom: 10px;
}

.text-left {
    text-align: left;
}

.w-100 {
    width: 100%;
}

.expense-option {
    background-color: #ced4da;
    color: #707070;
}

.fs-16 {
    font-size: 16px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-20 {
    margin-top: 20px;
}

.mt-60 {
    margin-top: 60px !important;
}

.mt-90 {
    margin-top: 90px !important;
}

.text-gray-83 {
    color: #838383;
}

.text-black-83 {
    color: #000;
}

.outline-none {
    outline: none;
}

.w-200 {
    width: 200px;
}

.w-280 {
    width: 280px;
}

.w-240 {
    width: 240px;
}

.ml-10 {
    margin-left: 10px;
}

.round-50-per {
    border-radius: 50%;
}

header.header-mag {
    width: 100%;
    overflow: hidden;
    background: #dceafc;
    opacity: 1;
    height: 735px;
    color: #000000;
    background-image: url('/images/webp/magma_header.webp');
    background-size: 67%;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
}

header.header-mag .container {
    margin-top: 300px;
    margin-bottom: 40px;
    display: flex;
    position: relative;
    padding-top: 40px;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    z-index: 2;
}

header.header-mag h1 {
    color: #000000 !important;
    text-align: left !important;
}

header.header-mag h4 {
    color: #646464;
}

.magma {
    position: relative;
    background-image: url('/images/webp/magma_header.webp');
    background-size: 72%;
    background-repeat: no-repeat;
    background-position: right;
}

header.header-chatbot {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  background-image:
    linear-gradient(135deg, rgba(2, 6, 23, 0.9), rgba(15, 23, 42, 0.85)),
    url('/images/chatbot/chatbot_header.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}

.gray {
    background-color: #f7f7f7;
}

section.sa_brochure {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
    overflow: hidden;
}

.extra-padding {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

section.sa_brochure .container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

section.sa_brochure span {
    font-size: 20px;
    font-weight: 600;
    color: black;
    margin-block-end: 0;
}

section.sa_brochure a {
    font-size: 20px;
    font-weight: 600;
    color: #10c45d;
    margin-block-end: 0;

}

section.sa_brochure .textbox {
    background-color: #e7e7e7;
    padding: 10px;
    border-radius: 5px;
    margin-left: 20px;
    width: 300px;
    display: flex;
    justify-content: space-between;
}

section.sa_brochure .textbox input[type=text] {
    border: none;
    background-color: transparent;
    width: 100%;
}

section.sa_brochure .textbox input[type=text]:focus {
    outline: none;
}

section.sa_brochure .textbox img {
    width: 26px;
    cursor: pointer;
}

section.functions_sa {
    overflow: hidden;
    background:
      radial-gradient(circle at top left, rgba(42, 124, 237, 0.06), transparent 55%),
      #f9fafb;
    padding: 20px 0;
}

.sa-functions-padding-top {
    padding-top: 80px;
}

section.functions_sa .rows {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    padding: 32px !important;
    margin-bottom: 32px;
    background: #ffffff;
    border-radius: 18px;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08), 0 10px 25px rgba(15, 23, 42, 0.06);
    gap: 32px;
}

.core-heading {
    margin: 50px 0 20px;
    text-align: center;
}

.MuiTypography-body1 {
    color: #707070;
    font-weight: 300 !important;
    line-height: 1.5 !important;
    letter-spacing: 0px !important;
    font: normal normal 300 14px/15px Poppins;
}

.MuiCheckbox-colorSecondary.Mui-checked {
    color: #007FFF !important;
}

.react-slideshow-container+ul.indicators .each-slideshow-indicator:before {
    background: #38d938 !important;
}

section.functions_sa .rows .image-col {
    width: 55%;
}

/* Polar / SenzAgro "in action" slideshow */
section.functions_sa .image-col.image-slider {
    width: 55% !important;
    margin: 10px 0;
    flex-shrink: 0;
}

section.functions_sa .image-col.image-slider .slide-container,
section.functions_sa .image-col.image-slider .react-slideshow-container {
    width: 100%;
    height: 420px;
    overflow: hidden;
    position: relative;
}

section.functions_sa .image-col.image-slider .react-slideshow-wrapper,
section.functions_sa .image-col.image-slider .images-wrap,
section.functions_sa .image-col.image-slider .each-slide {
    width: 100%;
    height: 100%;
}

section.functions_sa .image-col.image-slider img {
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}


/* Hide slideshow indicators (autoplay only) */
.react-slideshow-container+ul.indicators {
    display: none !important;
}

.m-auto {
    margin: auto;
}

.bg-ededed {
    background-color: #ffffff !important;
}

section.functions_sa .rows .image-col img {
    width: 100%;
    max-width: 520px;
    border-radius: 16px;
    object-fit: cover;
}
.device-pulse-small1{
    width: 50%;
}
.device-pulse-small2{
    width: 50%;
}

 p {
    color: #4b5563;
    font-size: 0.95rem;
    line-height: 1.7;
}

 .ic-points {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-bottom: 20px;
}

 .ic-points img {
    width: 40px;
    height: 40px;
    margin-right: 14px;
    padding: 8px;
    border-radius: 999px;
    background: radial-gradient(circle at top left, rgba(42, 124, 237, 0.12), transparent 55%);
}

@media (max-width: 1024px) {
    section.functions_sa {
        padding: 64px 0;
    }

    section.functions_sa .rows {
        flex-direction: column;
        padding: 24px !important;
        gap: 24px;
    }

    section.functions_sa .rows .content-col,
    section.functions_sa .rows .image-col,
    section.functions_sa .image-col.image-slider {
        width: 100%;
        max-width: 100%;
    }

    section.functions_sa .rows .image-col img {
        max-width: 100%;
    }

    section.functions_sa .image-col.image-slider .slide-container,
    section.functions_sa .image-col.image-slider .react-slideshow-container {
        height: 320px;
    }
}

@media (max-width: 768px) {
    section.functions_sa {
        padding: 56px 0;
    }

    section.functions_sa .rows {
        padding: 20px !important;
        margin-bottom: 20px;
        gap: 18px;
    }

    section.functions_sa h2 {
        font-size: 26px;
        line-height: 1.25;
    }

    section.functions_sa .ic-points,
    section.functions_sa .rows .ic-points {
        align-items: flex-start;
        gap: 10px;
    }

    .ic-points img {
        width: 34px;
        height: 34px;
        margin-right: 10px;
        padding: 7px;
        flex-shrink: 0;
    }
}

section.values .lr-more {
    font-weight: 600;
    text-align: center;
}

section.values .lr-more span {
    padding: 2px;
    border-radius: 4px;
    background-color: #FFD166;
}


section.faq {
    background-color: #F8F8F8;
    padding-top: 40px;
    padding-bottom: 40px;
    overflow: hidden;
}

section.faq .faq-head {
    text-align: center;
    width: 100%;
}

section.faq .faq-head h1 {
    text-align: center;
    margin-block-start: 0px;
    margin-block-end: 0px;
}

section.faq .faq-head label {
    color: #a9a9a9;
    text-align: center;
}

section.faq .row {
    width: 100%;
    display: flex;
    flex-direction: row;
}

section.faq .row .faq-item {
    width: 50%;
    padding: 15px;
}

section.faq .row .faq-item p {
    color: #aeaeae;
}

.green {
    background-color: #63AB2B !important;
}

header.header_polar {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: radial-gradient(circle at top, #0b1120 0, #020617 50%, #020617 100%);
    color: #e5e7eb;
    opacity: 1;
    padding: 7.5rem 0 5rem;
    height: auto;
}

header.header_polar .container {
    margin-top: 0;
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    text-align: left;
    z-index: 2;
    height: auto;
    /* max-width: 1120px; */
    padding: 0 1.5rem;
    margin: 0 5% !important;
}

header.header_polar .container h4 {
    color: #a7a7a7;
}

/* Polar hero: modern layout */
header.header_polar .polar-hero {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 48px;
}

header.header_polar .polar-hero__visual {
    flex: 1;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    margin-right: -9.5rem; /* let image touch right edge, outside container padding */
}

header.header_polar .polar-hero__image {
    width: 100%;
    max-width: 420px;
    height: auto;
    object-fit: contain;
    display: block;
    margin-bottom: -5rem; /* pull image down so it ends at hero bottom */
}

/* (Brands strip for Polar now lives outside the hero section) */

header.header_polar .polar-hero__eyebrow {
    margin: 0 0 8px;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    color: #60a5fa;
    font-weight: 600;
}

header.header_polar .polar-heading {
    margin: 0 0 0.9rem;
    font-size: clamp(2.2rem, 4vw, 3rem);
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: -0.03em;
    color: #f9fafb;
}

header.header_polar .polar-hero__subtitle {
    /* margin: 0 0 1.75rem; */
    color: #cbd5f5;
    font-size: 1rem;
    line-height: 1.7;
    font-weight: 400;
}
.typewriter-cursor {
          display: inline-block;
          width: 8px;
          height: 1em;
          margin-left: 4px;
          vertical-align: text-bottom;
          background: currentColor;
          animation: twblink 1s steps(1) infinite;
        }
@keyframes twblink { 50% { opacity: 0 } }

header.header_polar .polar-hero__actions {
    margin-top: 1.75rem;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

header.header_polar .polar-hero__primary,
header.header_polar .polar-hero__secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease,
      border-color 0.18s ease, transform 0.18s ease;
}

header.header_polar .polar-hero__primary {
    background-color: #2A7CED;
    color: #f9fafb;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.55);
    border: 1px solid rgba(15, 23, 42, 0.9);
}

header.header_polar .polar-hero__primary:hover {
    background-color: #1d63c5;
    transform: translateY(-1px);
}

header.header_polar .polar-hero__secondary {
    background-color: transparent;
    color: #e5e7eb;
    border: 1px solid rgba(148, 163, 184, 0.6);
}

header.header_polar .polar-hero__secondary:hover {
    background-color: rgba(15, 23, 42, 0.75);
}

header.header_polar .polar-hero__meta {
    margin-top: 18px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    font-size: 12px;
    color: #9ca3af;
}

header.header_polar .polar-hero__meta span {
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.85);
    border: 1px solid rgba(55, 65, 81, 0.8);
}

@media (max-width: 960px) {
    header.header_polar {
        padding: 6rem 0 3.75rem;
    }

    header.header_polar .container {
        margin-top: 0;
        padding-top: 0;
    }

    header.header_polar .polar-heading {
        font-size: 32px;
    }

    header.header_polar .polar-hero {
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
    }

    header.header_polar .polar-hero__visual {
        align-items: center;
        justify-content: center;
        margin-right: 0; /* reset negative margin on tablet */
    }

    header.header_polar .polar-hero__image {
        margin-bottom: 0; /* avoid overlap on smaller screens */
    }
}

@media (max-width: 768px) {
    header.header_polar {
        padding: 5.25rem 0 3rem;
    }

    header.header_polar .container {
        margin-top: 44px;
        padding: 0 1.25rem;
    }

    header.header_polar .polar-hero {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 24px;
    }

    header.header_polar .polar-hero__copy {
        text-align: center;
        width: 100% !important;
    }

    header.header_polar .polar-hero__subtitle {
        font-size: 0.95rem;
        text-align: center;
    }

    header.header_polar .polar-hero__actions {
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        max-width: 100%;
    }

    header.header_polar .polar-hero__primary,
    header.header_polar .polar-hero__secondary {
        width: 100%;
        max-width: 100%;
        justify-content: center;
    }

    header.header_polar .polar-hero__visual {
        display: none;
    }
}


section.engagements-polar {
    overflow: hidden;
    padding-top: 64px;
    padding-bottom: 80px;
    background:
      radial-gradient(circle at top left, rgba(42, 124, 237, 0.06), transparent 55%),
      #f9fafb;
}

section.engagements-polar .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 32px;
}

section.engagements-polar .container-column-left {
    width: 100%;
}

.polar-h2 {
    margin: 0 0 0.75rem;
}

.text-color-primary {
    color: #2A7CEC;
}

.engagements-polar__subtitle {
    margin: 0 0 1.75rem;
    font-size: 0.98rem;
    line-height: 1.7;
    color: #64748b;
    text-align: center;
}

.engagements-polar__stats {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
    justify-content: center;
}

section.engagements-polar .engagements-polar__stats .rate-item {
    flex: 1 1 220px;
    max-width: 260px;
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    padding: 18px 20px 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all 0.25s ease;
}

section.engagements-polar .engagements-polar__stats .rate-item:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1), 0 4px 10px rgba(0, 0, 0, 0.06);
    transform: translateY(-2px);
    border-color: #2A7CED;
}

section.engagements-polar .engagements-polar__stats .rate-item .rate-item-label {
    font-size: 0.88rem;
    color: #64748b;
    font-weight: 600;
    margin-bottom: 6px;
}

section.engagements-polar .engagements-polar__stats .rate-item .rate-item-count {
    display: inline-flex;
    align-items: baseline;
    gap: 2px;
    margin-bottom: 4px;
}

section.engagements-polar .engagements-polar__stats .rate-item .rate-item-number,
section.engagements-polar .engagements-polar__stats .rate-item .rate-item-suffix {
    font-size: 2.5rem;
    line-height: 1;
    font-weight: 700;
    color: #0f172a;
}

section.engagements-polar .engagements-polar__stats .rate-item .rate-item-sub {
    font-size: 0.8rem;
    color: #64748b;
    font-weight: 500;
}

section.engagements-polar .engagements-polar__stats .rate-item > span:not(.rate-item-label):not(.rate-item-sub) {
    font-size: 0.8rem;
    color: #2A7CED;
    font-weight: 600;
}


.polar-item-image {
    width: 360px;
    max-width: 100%;
}

.justify-center {
    justify-content: center !important;
}

.padding-left {
    padding-left: 60px !important;
}

.padding-right {
    padding-right: 60px !important;
}

section.engagements-polar .container-column-right .left {
    display: flex;
    flex-direction: column;
    align-items: normal;
    width: 25%;
}

section.engagements-polar .container-column-right .right {
    display: flex;
    flex-direction: column;
    align-items: normal;
    width: 25%;
}

section.about-polar {
    background: radial-gradient(circle at top, #0b1120 0, #020617 50%, #020617 100%);
    color: #e5e7eb;
    padding-top: 80px;
    padding-bottom: 80px;
    overflow: hidden;
}

section.about-polar .container {
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 1.5rem;
}

section.about-polar .about-polar-head {
    text-align: center;
    width: 100%;
    max-width: 840px;
    margin: 0 auto 64px;
}

.about-polar__eyebrow {
    margin: 0 0 8px;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    color: #60a5fa;
    font-weight: 600;
}

.about-polar__title {
    margin: 0 0 1.5rem;
    font-size: clamp(1.75rem, 3.5vw, 2.5rem);
    line-height: 1.2;
    font-weight: 600;
    color: #f9fafb;
    letter-spacing: -0.02em;
}

.about-polar__content {
    margin: 0;
    font-size: 1rem;
    line-height: 1.7;
    color: #cbd5f5;
    text-align: center;
}

.about-polar__brands {
    text-align: center;
    margin-top: 64px;
}

section.about-polar .clients-marquee-eyebrow {
    margin-bottom: 0.5rem;
}

section.about-polar .clients-marquee-wrapper {
    position: relative;
    overflow: visible;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.brand-names-polar__logos {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 3.5rem;
    padding: 1.5rem 0;
}

section.about-polar .clients-marquee-item {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.9;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

section.about-polar .clients-marquee-item:hover {
    opacity: 1;
    transform: translateY(-2px);
}

section.about-polar .clients-marquee-item img {
    height: 42px;
    width: auto;
    object-fit: contain;
    opacity: 0.95;
    transition: opacity 0.2s ease;
}

@media (max-width: 768px) {
    section.about-polar {
        padding-top: 64px;
        padding-bottom: 64px;
    }

    section.about-polar .about-polar-head {
        margin-bottom: 48px;
    }

    .about-polar__title {
        font-size: 1.75rem;
        margin-bottom: 1.25rem;
    }

    .about-polar__content {
        font-size: 0.95rem;
        text-align: center;
    }

    .about-polar__brands {
        margin-top: 48px;
    }

    .brand-names-polar__logos {
        gap: 2.25rem;
    }

    section.about-polar .clients-marquee-item img {
        height: 32px;
    }
}

@media (max-width: 480px) {
    section.about-polar {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    section.about-polar .about-polar-head {
        margin-bottom: 40px;
    }

    .about-polar__title {
        font-size: 1.5rem;
    }

    .about-polar__content {
        font-size: 0.9rem;
    }

    .about-polar__brands {
        margin-top: 40px;
    }

    .brand-names-polar__logos {
        gap: 1.5rem;
    }

    section.about-polar .clients-marquee-item img {
        height: 28px;
    }
}

.roi-thank {
    margin-top: 60px;
    text-align: center;
    padding: 20px;
}

.roi-thank h4 {
    color: #838383;
    font-weight: 500;
}

.Comprehensive-function{
    margin-top: 0px;
    font-weight: 520;
}
.Comprehensive-function-p{
    margin-top: 0px;
    font-size: 16px;
}
section.client-feature {
    padding-top: 40px;
    padding-bottom: 5px;
    display: flex;
    flex-direction: column;
}
.count-box-device-pulse{
    justify-content: space-between;
}
.client-feature-count{
    width: auto;
    margin: 0 3%;
}

section.client-feature .container {
    display: flex;
    align-items: center;
    flex-direction: column;
}

section.client-feature .container .half {
    width: 100%;

}


section.client-feature .container .half label {
    color: #2A7CED;
    font-weight: 500;
    text-align: center;
    display: block;

}

section.client-feature .container .half h2 {
    margin-block-start: 0px;
    font-weight: bold;
    text-align: center;
    display: block;
}

section.client-feature .container .counts {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*.mosurance-data {
    width: 200% !important;
}*/
.mosurance-container{
    margin: 0 5%;
}
section.client-feature .container .counts .count-box {
    display: flex;
    background-color: #ffffff;
    /* padding: 15px 60px; */
    justify-content: space-between;
    /* box-shadow: 0 6px 12px rgb(239 239 239); */
    /* border-radius: 5px; */
    /* margin: 20px; */
    width: 100%;
    align-items: center;
}
section.client-feature .container .counts .count-box .count-sec .count-sec-count {
    width: 100px;
}

.count-sec-count {
    display: flex;
    justify-content: center;
}

section.client-feature .container .counts .count-box .count-sec h2,
section.client-feature .container .counts .count-box .count-sec span {
    font-size: 49px;
    margin: 0px;
    font-weight: 600;
    display: inline;
}

section.client-feature .container .counts .count-box .count-sec label {
    display: flex;
    justify-content: center;
}

/* section.client-feature .container .counts .count-box .line {
    width: 1px;
    background-color: #d8d8d8;
    height: 60px;
} */


section.experience {
    width: 100%;
}

section.experience .container {
    padding-bottom: 60px;
    padding-top: 60px;
    position: relative;
}

section.experience .container h2 {
    margin-block-start: 0px;
    margin-block-end: 0px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-size: 24px;
    margin-top: 14px;
    font-weight: 700;
}

section.experience .container h2 hr {
    background-color: #DC4E0D;
    position: absolute;
    height: 1px;
    border: none;
    width: 46%;
    right: 272px;
}

section.experience .container .content {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 40px;
}

section.experience .container .content .info-box {
    width: 35%;
    margin: 20px;
    padding: 20px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #ffffff;
}


section.experience .container .content .info-box img {
    width: 50%;
    height: 150px;
    object-fit: contain;
}

section.experience .container .content .info-box p {
    font-size: 14px;
    color: #707070;
    width: 100%;
    margin-top: 0px !important;
}

section.experience .container .content .info-box hr {
    background-color: #DC4E0D;
    height: 1px;
    border: none;
    width: 36%;
    right: 0;
}

section.value-insurance {
    width: 100%;

}

section.value-insurance .container {
    padding-top: 60px;
    padding-bottom: 80px;
    text-align: center;
}

section.value-insurance .container h2 {
    margin-block-start: 0px;
    margin-block-end: 0px;
}

section.value-insurance .container .item-list {
    width: 100%;
}

.bg-orange {
    background-color: #DC4E0D !important;
}

.cta .bg-orange:hover {
    background-color: #b23f0c;
}

section.mous-site {
    width: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
}

section.mous-site .container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

section.mous-site .container .site-box {
    padding: 5px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;

}

section.mous-site .container .site-box:hover {
    background-color: #f3f3f3;
}

section.mous-site .container .site-box img {
    width: 40px;
    height: 40px;
    margin-right: 20px;
}

section.mous-site .container .site-box label {
    color: #000000;
    margin-right: 30px;
}


/* Legacy testimonial styles - kept for backward compatibility */
/* For new implementations, use the reusable TestimonialSlider component */
section.mos-testimonials {
    width: 100%;

}

section.mos-testimonials .container {
    text-align: center;
    padding-bottom: 1.9rem;
    padding-top: 1.9rem;
}

section.mos-testimonials .container h2 {
    margin-block-start: 0px;
    margin-top: 1rem;
    font-size: clamp(1.8rem, 3vw, 2.2rem);
    font-weight: 600;
}

section.mos-testimonials .container .mos-testi-slides {
    width: 100%;
    position: relative;
    height: auto;
    margin-top: 2rem;
}

section.mos-testimonials .container .mos-testi-slides .blur {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    right: 0;
    bottom: 0;
    z-index: 20;
    background: linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 20%, rgba(0, 0, 0, 0) 75%, rgba(255, 255, 255, 1) 100%);

}

section.mos-testimonials .container .testi-card {
    width: 100%;
    border: 1px solid rgba(148, 163, 184, 0.35);
    padding: 24px 22px;
    margin: 24px 12px;
    display: flex;
    opacity: 1;
    max-width: 420px;
    background: #ffffff;
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.08);
    align-items: flex-start;
    border-radius: 18px;
    flex-direction: column;
    justify-content: space-between;
}

section.mos-testimonials .container .testi-card.home-testi {
    min-height: 260px;
}

@media (max-width: 1024px) {
    section.mos-testimonials .container .testi-card.home-testi {
        min-height: 240px;
    }
}

@media (max-width: 768px) {
    section.mos-testimonials .container .testi-card.home-testi {
        min-height: 220px;
    }
}

section.mos-testimonials .container .testi-video-card {
    padding: 0;
    overflow: hidden;
}

.video-testimonial .video-container-full {
    position: relative;
    width: 100%;
    height: 250px;
    margin-bottom: 15px;
}

.video-thumbnail-placeholder img,
.video-loading-overlay {
    width: 100%;
    height: 250px;
    border-radius: 8px;
    object-fit: cover;
}

.video-loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.video-thumbnail-placeholder {
    background-color: #000;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.video-info-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0 10px 10px;
}

.tes-name-sec-video {
    display: flex;
    align-items: center;
    gap: 12px;
}

.tes-name-sec-video .avatar {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    object-fit: cover;
}

.video-testi-meta h5 {
    margin: 0;
    color: #111827;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.2;
}

.video-testi-meta label {
    color: #6b7280;
    font-size: 0.875rem;
    margin: 0;
    display: block;
    line-height: 1.2;
}

.tes-logo-sec-video .tes-logo {
    max-height: 35px;
    max-width: 100px;
    object-fit: contain;
}

.home-testimonial-item {
    flex-shrink: 0;
    width: 100%;
    max-width: 380px;
}

.home-testi-quote {
    color: #4b5563;
    font-size: 0.95rem;
    line-height: 1.6;
    margin: 0;
}

.home-testi-meta {
    text-align: left;
    line-height: 1.1rem;
}

.home-testi-meta h5 {
    color: #111827;
    font-weight: 600;
}

.home-testi-meta label {
    color: #6b7280;
    font-size: 0.875rem;
}

.mos-testimonials.home-section.mos-testimonials--home {
    background: radial-gradient(circle at top, rgba(59, 130, 246, 0.08), transparent 55%), #ffffff;
}

.testimonials-container {
    padding: 0 1.5rem;
}

.testimonials-header {
    margin-bottom: 2rem;
    text-align: center;
    position: relative;
}

.testimonials-header-main {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
}

.testimonials-header-main .home-page-h {
    margin: 0;
}

.testimonials-header-arrows {
    display: flex;
    gap: 10px;
    align-items: center;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.testimonials-eyebrow {
    font-size: 0.75rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #60a5fa;
    font-weight: 600;
    display: block;
    margin-bottom: 0.75rem;
}

.testimonials-subtitle {
    text-align: center;
    color: #6b7280;
    font-size: 1rem;
    line-height: 1.6;
    margin: 0.75rem auto 0;
    max-width: 640px;
}

@media (max-width: 768px) {
    .testimonials-header-main {
        flex-direction: column;
        align-items: center;
    }

    .testimonials-header-arrows {
        align-self: flex-end;
        display: none;
    }

    .testimonials-subtitle {
        text-align: center;
        margin-left: 0;
        margin-right: 0;
        max-width: 100%;
    }
}

/* Text Testimonials Grid */
.testimonials-text-section {
    margin-top: 2rem;
    margin-bottom: 2.25rem;
}

.testimonials-row-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    align-items: center;
    margin-bottom: 0.85rem;
}

.testimonials-text-carousel {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    padding: 4px 2px 10px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
}

.testimonials-text-carousel .home-testimonial-item {
    scroll-snap-align: start;
    flex: 0 0 auto;
}

.testimonials-text-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.testimonials-actions {
    display: flex;
    justify-content: center;
    margin-top: 1.25rem;
}

.testimonials-mobile-actions {
    display: none;
    justify-content: center;
    margin-top: 1.1rem;
}

/* Arrow-only expand control (replaces "See more" buttons) */
.testimonials-arrow-btn {
    width: 44px;
    height: 44px;
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, 0.45);
    background: #ffffff;
    color: #111827;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

.testimonials-arrow-btn--modern {
    border: 1px solid rgba(148, 163, 184, 0.35);
    background: linear-gradient(#ffffff, #ffffff) padding-box,
      linear-gradient(135deg, rgba(37, 99, 235, 0.55), rgba(96, 165, 250, 0.35)) border-box;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.10);
}

.testimonials-arrow-btn--ghost {
    border: 1px solid rgba(148, 163, 184, 0.35);
    background: rgba(17, 24, 39, 0.04);
    color: #111827;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}

.testimonials-arrow-btn--ghost svg {
    animation: none;
}

.testimonials-arrow-btn--ghost:hover {
    background: rgba(37, 99, 235, 0.06);
    border-color: rgba(37, 99, 235, 0.35);
}

.testimonials-arrow-btn--modern svg {
    animation: bookDemoArrowPulse 1.6s ease-out infinite;
}

.testimonials-arrow-btn:hover {
    transform: translateY(-1px);
    border-color: rgba(42, 124, 237, 0.55);
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.10);
}

.testimonials-arrow-btn--modern:hover svg {
    animation: none;
    transform: translateX(3px);
    transition: transform 0.18s ease-out;
}

.testimonials-arrow-btn--modern:active {
    transform: translateY(0);
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08);
}

.testimonials-see-more-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    border: 1px solid var(--border-strong);
    background: var(--surface);
    color: var(--text);
    font-size: 0.95rem;
    font-weight: 500;
    border-radius: 999px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.testimonials-see-more-btn:hover {
    background: rgba(42, 124, 237, 0.08);
    border-color: var(--brand-primary);
    color: var(--brand-primary);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(42, 124, 237, 0.15);
}

/* Video Testimonials Grid - Merged into same section */
.testimonials-video-section {
    margin-top: 1.75rem;
    padding-top: 1.75rem;
    border-top: 1px solid rgba(148, 163, 184, 0.3);
}

.testimonials-video-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 1.15rem;
}

.testimonials-video-heading {
    text-align: center;
    flex: 1;
}

.testimonials-video-arrows {
    display: flex;
    gap: 10px;
    align-items: center;
}

.testimonials-arrow-btn:disabled {
    opacity: 0.35;
    cursor: default;
    transform: none;
    box-shadow: none;
}

.testimonials-video-carousel {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    padding: 4px 2px 10px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
}

.testimonials-video-carousel .home-testimonial-item {
    scroll-snap-align: start;
    flex: 0 0 auto;
}

.testimonials-video-carousel::-webkit-scrollbar {
    height: 10px;
}

.testimonials-video-carousel::-webkit-scrollbar-thumb {
    background: rgba(148, 163, 184, 0.45);
    border-radius: 999px;
}

.testimonials-video-carousel::-webkit-scrollbar-track {
    background: rgba(148, 163, 184, 0.15);
    border-radius: 999px;
}

/* Improved horizontal bar styling (text + video) */
.testimonials-text-carousel::-webkit-scrollbar,
.testimonials-video-carousel::-webkit-scrollbar {
    height: 0;
}

.testimonials-text-carousel.is-scrollbar-visible::-webkit-scrollbar,
.testimonials-video-carousel.is-scrollbar-visible::-webkit-scrollbar {
    height: 10px;
}

.testimonials-text-carousel::-webkit-scrollbar-thumb,
.testimonials-video-carousel::-webkit-scrollbar-thumb {
    background: linear-gradient(90deg, rgba(37,99,235,0.35), rgba(96,165,250,0.35));
    border-radius: 999px;
}

.testimonials-text-carousel::-webkit-scrollbar-track,
.testimonials-video-carousel::-webkit-scrollbar-track {
    background: rgba(148, 163, 184, 0.12);
    border-radius: 999px;
}

.testimonials-text-carousel:hover::-webkit-scrollbar-thumb,
.testimonials-video-carousel:hover::-webkit-scrollbar-thumb {
    background: linear-gradient(90deg, rgba(37,99,235,0.55), rgba(96,165,250,0.55));
}

@media (max-width: 768px) {
    .testimonials-video-header {
        flex-direction: column;
        align-items: center;
    }

    .testimonials-row-actions {
        justify-content: center;
    }

    /* Mobile: show all testimonials (no hidden horizontal carousel) */
    .testimonials-text-carousel,
    .testimonials-video-carousel {
        overflow-x: visible;
        display: grid;
        grid-template-columns: 1fr;
        gap: 1.25rem;
        padding-bottom: 0;
        scroll-snap-type: none;
    }

    .testimonials-text-carousel .home-testimonial-item,
    .testimonials-video-carousel .home-testimonial-item {
        max-width: 100%;
    }

    .testimonials-row-actions,
    .testimonials-video-arrows {
        display: none;
    }

    .testimonials-mobile-actions {
        display: flex;
    }

    /* When user expands mobile testimonials, show all items (override earlier mobile hide rules) */
    .testimonials-text-carousel.expanded .home-testimonial-item {
        display: block !important;
    }

    /* Ensure expanded layout uses the mobile grid flow */
    .testimonials-text-carousel.expanded {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 1.25rem !important;
        overflow: visible !important;
    }

    /* Video carousel expanded: reveal all video testimonial items on mobile */
    .testimonials-video-carousel.expanded .home-testimonial-item {
        display: block !important;
    }

    .testimonials-video-carousel.expanded {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 1.25rem !important;
        overflow: visible !important;
    }
}

.testimonials-video-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

@media (max-width: 768px) {
    .testimonials-text-grid,
    .testimonials-video-grid {
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }
}

section.mos-testimonials .container.homepage-container {
    width: auto !important;
}

.homepage-container {
    width: auto !important;
    margin: 0 3% !important;
}
.device-plus-p {
    font-size: 36px !important;
    font-weight: 600;
    background: #F5F7F8;
    border-left-color: #005B96 !important;
    border-left-width: 5px;
    padding-left: 25px;
    border-left-style: solid;
    margin-right: 20px;
    padding-right: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.device-plus-conatiner{
    width: auto !important;
    margin: 0 3% !important;
}
.devicepulse-micrologo-section{
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
/* Bouncing animation for Azure Marketplace button */
@keyframes bounce-azure {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-8px);
    }
}

@keyframes pulse-azure {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(0, 120, 212, 0.4);
    }
    50% {
        box-shadow: 0 0 0 8px rgba(0, 120, 212, 0);
    }
}

.devicepulse-micro-logo {
    display: flex;
    align-items: center;
    border: 1px solid #d6d1d1;
    border-radius: 8px;
    height: 68px;
    padding: 0 10px;
    cursor: pointer;
    margin-top: 30px;
    /* width: 175px; */
    animation: bounce-azure 2s ease-in-out infinite, pulse-azure 2s ease-in-out infinite;
    transition: all 0.3s ease;
}

.devicepulse-micro-logo:hover{
    background-color: #e9e9e9;
    border-color: #0078d4 !important;
    /* animation: bounce-azure 0.6s ease-in-out infinite, pulse-azure 1.5s ease-in-out infinite; */
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 120, 212, 0.2);
}
.microsoft-marketplace-btn{
   font-size: 5px;
}
.microsoft-logo-icon {
    width: 50px;
    height: 50px;
}
/* .device-pulse-video-br{
    border-radius: 10px;
} */
.devicepulse-micrologo-btn-text{
    font-size: 12px;
    padding-left: 10px;
    width: 200px;
}
.dp-functions-container{
    width: auto !important;
    margin: 0 3% !important;
}

/* DevicePulse popover/menu */
.devicepulse-micro-logo { position: relative; }
.devicepulse-micro-logo .dp-popover{ display: none; position: absolute; top: calc(100% + 12px); left: 50%; transform: translateX(-50%); width: 250px; max-width: calc(100vw - 32px); background:#fff; border-radius:8px; box-shadow:0 10px 30px rgba(0,0,0,0.12); padding:12px; z-index:2147483647 !important; pointer-events:auto; }
.devicepulse-micro-logo:hover .dp-popover, .devicepulse-micro-logo.dp-open .dp-popover{ display:block }
.devicepulse-micro-logo .dp-popover::before{ content: ""; position:absolute; top:-20px; left:50%; transform:translateX(-50%); border-width:10px; border-style:solid; border-color: transparent transparent #ffffff transparent; }
.dp-popover__title{ font-weight:600; color:#0f6fd1; margin:6px 0; font-size:14px; text-align:center }
.dp-popover__subtitle{ color:#666; font-size:12px; margin-bottom:8px; text-align:center }
.dp-popover__list{ list-style:none; padding:0; margin:0; border-bottom: 1px solid #f1f1f1; padding-bottom: 10px; }
.dp-popover__item{ display:flex; align-items:center; gap:10px; padding:8px 0; }
.dp-popover__item:last-child{ border-bottom:0 }
.dp-popover__item .icon{ width:22px; height:22px; object-fit:contain; background: #43e270; }
.dp-popover__label{ flex:1 }

@media (max-width:420px){ .devicepulse-micro-logo .dp-popover{ left:8px; right:8px; transform:none; width:auto; top:calc(100% + 8px) } .devicepulse-micro-logo .dp-popover::before{ left:24px; transform:none } }

/* At mobile/tablet sizes also allow the mobile logo to reveal the popover (hover for stylus, dp-open for click) */
@media (max-width:768px){
    .devicepulse-micro-logo.devicepulse-micro-logo-mobile:hover .dp-popover,
    .devicepulse-micro-logo.devicepulse-micro-logo-mobile.dp-open .dp-popover{
        display: block;
    }
}

section.mos-testimonials .container .technology-card {
    width: 100%;
    height: 100px;
    padding: 25px;
    margin: 24px 12px;
    display: flex;
    opacity: 1;
    max-width: 564px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    align-items: center;
    flex-direction: column;
    justify-content: center
}

section.mos-testimonials .container .testi-card .avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 10px;
}

section.mos-testimonials .container .testi-card .star-list {
    display: flex;
    margin-top: 10px;
}

section.mos-testimonials .container .testi-card .star-list img {
    width: 15px;
    height: 15px;
    padding-right: 10px;
}

section.mos-testimonials .container .testi-card .star-list label {
    font-size: 12px;
}

section.mos-testimonials .container .testi-card p {
    font-size: 13px;
    color: #7a7a7a;
    font-style: italic;
    text-align: left;
}

section.mos-testimonials .container .testi-card h5 {
    margin-block-start: 0px;
    margin-block-end: 0px;
    font-size: 12px;
    text-align: left;
    font-style: italic;
    color: #001925;
}

section.mos-testimonials .container .testi-card label {
    font-size: 12px;
    color: #9f9f9f;
    text-align: left;
}

section.mos-testimonials .container .tes-dialog {
    width: auto;
    height: 30px;
    transform: rotate(180deg);
}

section.mos-testimonials .container .tes-name-sec {
    margin-top: 10px;
    align-self: flex-start;
}

.mos-testimonials .tes-logo-sec img {
    margin-bottom: 8px;
    height: 36px;
    ;
}

section.mos-testimonials .container .testi-video-card {
    width: 100%;
    border: 0.24px solid #DDDDDD80;
    height: 350px;
    margin: 24px 12px;
    display: flex;
    opacity: 1;
    max-width: 400px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 12px 32px #383B470F;
    align-items: center;
    border-radius: 12px;
    flex-direction: column;
    justify-content: center
}

.polar-cal-header {
    position: sticky;
    top: -20px;
    left: 0px;
    width: 100%;
    height: 70px;
    z-index: 1000;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
}

.cal-header {
    padding-top: 15px;
    padding-left: 30px;
}

.roi-cal {
    padding-left: 30px;
    padding-right: 15px;
}

.roi-icon {
    width: 30px;
    height: auto;
    padding-bottom: 5px;
}

.roi-text {
    font-size: 12px;
    font-weight: 500;
    font-family: "Poppins";
}

.roi-que {
    font-size: 14px;
    margin-bottom: -5px;
    font-family: "Poppins";
}

.roi-que-head {
    margin-bottom: 5px;
}

.farm-type-form .type-list,
.work-type .type-list,
.sector-type .type-list {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-top: 20px;
}

.usd-price {
    margin-left: 90px;
    color: #babcbe;
    font-size: 14px;
}

.plant-details .adv-irragation {
    display: flex;
    padding-top: 0px;
}

.farm-type-form .type-list .type-item {
    width: 150px;
    height: 150px;
    border-radius: 10px;
    box-shadow: 0px 5px 32px #cbcbcb;
    display: flex;
    margin: 20px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.work-type .type-list .type-item,
.sector-type .type-list .type-item {
    width: 100px;
    height: 100px;
    border-radius: 10px;
    box-shadow: 0px 5px 32px #cbcbcb;
    display: flex;
    margin: 20px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.work-type .type-list .type-item:hover,
.sector-type .type-list .type-item:hover {
    border: 1px solid #3784EE;
}

.work-type .type-list .type-item:hover label,
.sector-type .type-list .type-item:hover label {
    color: #3784EE;
}

.work-type .type-list .type-item:hover svg,
.sector-type .type-list .type-item:hover svg {
    fill: #3784EE;
}

.work-type .type-list .selected,
.sector-type .type-list .selected {
    border: 1px solid #3784EE;
}

.work-type .type-list .selected label,
.sector-type .type-list .selected label {
    color: #3784EE;
}

.work-type .type-list .selected svg,
.sector-type .type-list .selected svg {
    fill: #3784EE;
}

/* .type-item.selected img.roi-icon {
    filter: grayscale(0);
  } */

.farm-type-form .type-list .selected {
    border: 1px solid #10c45d;
}

.farm-type-form .type-list .selected label {
    color: #10c45d;
}

.farm-type-form .type-list .selected svg {
    fill: #10c45d;
}

.farm-type-form .type-list .type-item:hover {
    border: 1px solid #10c45d;
}

.farm-type-form .type-list .type-item:hover label {
    color: #10c45d;
}

.farm-type-form .type-list .type-item:hover svg {
    fill: #10c45d;
}

.farm-type-form .type-list .type-item label {
    font-size: 13px;
    font-weight: 600;
    margin-top: 10px;
}

.farm-type-form .type-list .type-item img {
    width: 50px;
    height: 50px;
}

.farm-type-form .type-list .type-item svg {
    width: 50px;
    height: 50px;
}

.plant-details {
    width: 100%;
    display: flex;
}

.plant-details .half {
    width: 200%;
}

.right-line {
    border-right: 1px solid #e7e7e7;
}

.plant-details .land-area {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.plant-details .irrgation {
    margin-top: 20px;
    display: flex;
}

.padding-normal {
    padding: 20px;
}

.plant-details .plants {
    display: flex;
    align-items: center;
}

.flex-end {
    justify-content: flex-end;
}

.flex-start {
    justify-content: flex-start;
}

.MuiStepIcon-root.MuiStepIcon-active {
    color: #0264E9 !important;
}

.MuiStepIcon-root.MuiStepIcon-completed {
    color: #0264E9 !important;
}


section.about-magma {
    width: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
}

section.about-magma .container {
    display: flex;
    flex-direction: row;
}

section.about-magma .container .half {
    width: 50%;
    padding-left: 20px;
}

section.about-magma .container .half img {
    width: 110%;
}

section.about-magma .title-box {
    position: relative;
    padding: 10px;
    height: 200px;
}

section.about-magma p {
    font-size: 14px;
    color: #797979;
}

section.about-magma .title-box .bg-round {
    height: 100px;
    width: 100px;
    background-color: #ffffff;
    box-shadow: 0px 20px 30px #cbcbcb;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;


}

section.about-magma .title-box .title {
    z-index: 10;
    position: relative;
}

section.about-magma .title-box .title h3 {
    margin-block-start: 0px;
    margin-block-end: 0px;
    font-weight: 500;
    color: #4E5983;
    font-size: 17px;
    margin-top: 30px;
    line-height: 5px;


}

section.about-magma .title-box .title h1 {
    margin-block-start: 0px;
    margin-block-end: 0px;
    color: #2A7CED;
    font-size: 30px;
    padding-left: 12px;
}

section.architechture-magma {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: 80px;

}

section.architechture-magma .bg-svg {
    position: absolute;
    width: 100%;
    bottom: 80px;
}

section.architechture-magma .bg-svg svg {
    width: 100%;
}

section.architechture-magma .container {
    position: relative;
    display: flex;

}

section.architechture-magma .container .half {
    width: 50%;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

section.architechture-magma .container .half img {
    width: 100%;
}

section.architechture-magma .container .half h2 {
    font-size: 30px;
    text-align: left;
    width: 100%;
}

section.architechture-magma .container .half p {
    font-size: 12px;
}

section.architechture-magma .container .half .man {
    width: 50px;
    align-items: flex-end;
}

.target-area {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 10px;
}

.target-area h4 {
    font-size: 13px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #60a5fa;
    font-weight: 600;
    margin-bottom: 10px;
}

.polar-target-areas__groupDesc {
    font-size: 14px;
    line-height: 1.6;
    color: hsl(0, 0%, 31%);
    margin: 0 0 16px;
    text-align: center;
}

.target-area .target-box {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    align-items: center;
    justify-content: space-between;
    column-gap: 24px;
    box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.4);
    padding: 20px 20px;
    border-radius: 18px;
    background: rgba(15, 23, 42, 0.85);
    border: 1px solid rgba(55, 65, 81, 0.6);
}

.target-area .target-box .target-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.target-area .target-box .target-item img {
    width: 56px;
    margin-bottom: 14px;
    padding: 10px;
    border-radius: 9999px;
    background:
        radial-gradient(circle at top left, rgba(96, 165, 250, 0.2), transparent 55%),
        rgba(15, 23, 42, 0.95);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(55, 65, 81, 0.5);
}

.target-area .target-box .target-item label {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
    color: #e5e7eb;
}


.target-area .target-box .hr {
    width: 1px;
    height: 72px;
    background-color: rgba(55, 65, 81, 0.6);
}

@media (max-width: 900px) {
    .polar-target-areas {
        padding-top: 64px;
        padding-bottom: 56px;
    }

    .polar-target-areas__grid {
        grid-template-columns: 1fr;
        gap: 24px;
        margin-top: 32px;
        max-width: 100%;
        padding-left: 16px;
        padding-right: 16px;
    }

    .polar-target-areas .title h2 {
        font-size: 26px;
    }

    .polar-target-areas .title h2.home-page-h {
        font-size: 26px !important;
    }

    .polar-target-areas__subtitle,
    .polar-target-areas .aiot-impact-subtitle {
        font-size: 14px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .polar-target-areas .target-area {
        padding-left: 0;
        padding-right: 0;
    }

    .polar-target-areas .target-box {
        flex-direction: column;
        padding: 24px 16px;
        gap: 20px;
    }

    .polar-target-areas .target-box .hr {
        display: none;
    }

    .target-area .target-box .target-item {
        align-items: center;
        width: 100%;
    }

    .target-area .target-box .target-item img {
        margin-bottom: 12px;
        width: 52px;
    }

    .target-area .target-box .target-item label {
        text-align: center;
    }

    .polar-target-areas__groupDesc {
        padding-left: 16px;
        padding-right: 16px;
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .polar-target-areas {
        padding-top: 48px;
        padding-bottom: 40px;
    }

    .polar-target-areas .title h2,
    .polar-target-areas .title h2.home-page-h {
        font-size: 22px !important;
    }

    .polar-target-areas__subtitle,
    .polar-target-areas .aiot-impact-subtitle {
        font-size: 13px;
    }

    .polar-target-areas__grid {
        gap: 20px;
        margin-top: 24px;
        padding-left: 12px;
        padding-right: 12px;
    }

    .target-area .target-box {
        padding: 20px 12px;
    }

    .target-area h4 {
        font-size: 12px;
    }

    .polar-target-areas__groupDesc {
        font-size: 12px;
        margin-bottom: 12px;
    }
}

section.key-benefits {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 50px;
}

section.key-benefits .container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

section.key-benefits .container h2 {
    line-height: 28px;
    text-align: center;
}

section.key-benefits .container .key-list {
    width: 100%;
    margin-top: 30px;
}

section.key-benefits .container .key-list .key-list-row {
    display: flex;
}

section.key-benefits .container .key-list .key-list-row .key-item {
    display: flex;
    align-items: start;
    padding: 20px;
    width: 50%;
    box-shadow: 0px 0px 10px #e7e7e7;
    border-radius: 10px;
    margin: 20px;
}

section.key-benefits .container .key-list .key-list-row .key-item img {
    width: 65px;
    height: 65px;
    margin-right: 20px;
    object-fit: contain;
    padding: 10px;
    background-color: #E6E8FF;
    border-radius: 10px;
}

.thank-you-txt {
    margin: 16px 50px;
    font-size: 16px;
    font-weight: 400;
    color: #646464;
    
}

.thank-you-email{
    margin: 16px 50px;
    font-size: 16px;
    font-weight: 400;
    color: #2a7ced;
}

section.key-benefits .container .key-list .key-list-row .key-item h4 {
    margin-block-start: 0px;
    margin-block-end: 0px;
    font-weight: 600;
}

section.key-benefits .container .key-list .key-list-row .key-item p {
    margin-block-start: 0px;
    font-size: 14px;
    color: #646464;
}

section.key-benefits .lr-more {
    font-weight: 600;
    text-align: center;
}

section.key-benefits .lr-more span {
    padding: 2px;
    border-radius: 4px;
    background-color: #FFD166;
}

.green-line {
    width: 100%;
    height: 2px;
    background-color: #63AB2B;
    border: none;
}

.roi-data {
    width: 100%;
    padding: 20px;

}

.roi-data .roi-data-row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.roi-data .roi-data-row h4 {
    font-weight: 500;
    color: #646464;
}

.roi-data .roi-data-row-big {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.roi-data .roi-data-row-big h3 {
    font-weight: 700;
    margin-top: 20px;
    color: #646464;
}

.roi-data label {
    font-size: 12px;
    color: #7a7a7a;
    margin-top: 60px;
}

.roi-loader {
    width: 100%;
    height: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.unsubscribe-page .container,
.term-of-use .container,
.download-page .container {
    margin-top: 140px;
}

.unsubscribe-heading {
    font: normal normal bold 40px/60px Poppins;
    color: #2A7CED;
}

.unsubscribe-sub-heading {
    font: normal normal normal 20px/30px Poppins;
    color: #2B3543;
    opacity: 0.6;
    margin-top: 20px;
}

.unsubscribe-form-container {
    background: #FBFBFB 0% 0% no-repeat padding-box;
    border: 1px solid #70707026;
    border-radius: 10px;
    padding: 40px;
    margin-top: 40px;
}

.btn-404 {
    padding: 20px;
    background: #2A7CED 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #2D365630;
    border-radius: 9px;
    text-decoration: none;
    font: normal normal normal 18px/48px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.txt-404 {
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: center;
    font: normal normal normal 28px/42px Poppins;
    letter-spacing: 0px;
    padding: 0 200px;
    margin-top: 24px;
    color: #484848;
}

.contact-form {
    width: 100%;
}

.form-label {
    color: #454545 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    margin-bottom: 8px !important;
}

.MuiFormControl-root {
    display: flex !important;
}


.iot-features {
    width: 100%;
    padding-bottom: 100px;
}

.iot-features {
    width: 100%;
    padding-bottom: 100px;
}

.iot-features label {
    color: #2A7CED;
    font-weight: 500;
    text-align: center;
    display: block;
}

.iot-features h2 {
    margin-block-start: 0px;
    margin-block-end: 0px;
}

.iot-features .feature-list {
    width: 100%;
    background-color: #FFFFFF;
    margin-top: 24px;
}

.iot-features .feature-list .row {
    display: flex;
    align-items: center;
    flex-flow: row;
}

.iot-features .feature-list .row .feature-item {
    padding: 32px;
    width: 100%;
    height: 240px;
    margin: 20px;
    border-radius: 8px;
    box-shadow: 0px 5px 15px #2C49651F;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    color: #ffffff;
}

.feature-item img {
    width: 88px;
    height: auto;
    /* background-color: #f1f5fe; */
    padding: 20px;
    border-radius: 20%;
}

.medfeature-item {
    padding: 10px;
    width: 33%;
    min-height: 240px;
    box-shadow: 0px 5px 15px #2C49651F;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

.medfeature-item p,
.medfeature-item h1 {
    margin: 0;
}

mt-0 {
    margin-top: 0 !important;
}

.m-hide {
    display: contents !important;
}

.iot-features .feature-list .row .feature-item label {
    color: #080808;
    font-size: 14px;
    margin-top: 16px;
    text-align: center;
}

.iot-about {
    width: 100%;
    padding-bottom: 100px;
}

.iot-about .container {
    display: flex;
    align-items: center;
}

.iot-about .container .half {
    width: 100%;
}

.iot-about .container .content {
    padding: 30px;
}

.iot-about .container label {
    color: #2A7CED;
    font-weight: 500;
}

.iot-about .container h2 {
    margin-block-end: 0px;
    margin-block-start: 0px;
    font-weight: bold;
}

.iot-about .container p {
    color: #646464;
    font-size: 14px;
}


.iot-stack {
    width: 100%;
    padding-bottom: 100px;
}

.iot-stack .container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.iot-stack .container label {
    color: #2A7CED;
    font-weight: 500;
    font-size: 14px;
}

.iot-stack .container h2 {
    margin-block-start: 0px;
    margin-block-end: 0px;
    font-size: 30px;
}

.iot-stack .container .stack-list {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}

.iot-stack .container .stack-list .half {
    width: 100%;

}

.iot-stack .container .stack-list .half img {
    width: 100%;
    object-fit: cover;
}

.iot-stack .container .stack-list .half .rc {
    margin-left: 14px;
}

.iot-stack .container .stack-list .half .rc h4 {
    margin-block-end: 0px;
    margin-block-start: 0px;
    font-size: 18px;
    font-weight: 500;
}

.iot-stack .container .stack-list .half .rc p {
    color: #9f9f9f;
    margin-block-start: 0px;
}

.iot-stories {
    width: 100%;
    padding-bottom: 100px;

}

.iot-stories .container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.iot-stories .container h2 {
    font-size: 30px;
}

.iot-stories .container .story-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.iot-stories .container .story-list .story-item {
    padding: 25px;
    border-radius: 5px;
    background-color: #FFFFFF;
    width: 30%;
    margin: 10px;
    transition: all .5s;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    height: stretch;

}

.iot-stories .container .story-list .story-item:hover {
    transform: scale(1.1);
}

.iot-stories .container .story-list .story-item h3 {
    font-weight: 600;
    margin-block-start: 0px;
    margin-block-end: 0px;
    font-size: 16px;
}

.iot-stories .container .story-list .story-item label {
    font-size: 14px;
    font-weight: 500;
    color: #2A7CED;
}

.iot-stories .container .story-list .story-item img {
    width: 100%;
    height: 170px;
    object-fit: cover;
    border-radius: 6px;
}

.iot-stories .container .story-list .story-item p {
    font-size: 12px;
    color: #646464;
}

.iot-stories .container .bt-link {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding: 20px;
    margin-top: 10px;
    margin-right: 30px;

}

.iot-stories .container .bt-link a {
    text-decoration: none;
    color: #2A7CED;
}


section.magma-architecture {
    width: 100%;
    padding-bottom: 100px;
}

section.magma-architecture .container h2 {
    margin-block-start: 0px;
    margin-block-end: 0px;
    text-align: center;
    /* color: #4E5983; */
}

section.magma-architecture .container hr {
    background-color: #2A7CED;
    height: 3px;
    width: 100px;
    border: none;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: auto;
    margin-inline-end: auto;
}

section.magma-architecture .content {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    padding-top: 30px;
}

.align-center {
    align-items: center;
}


section.magma-architecture .content img {
    width: 70%;
}


section.magma-industries {
    overflow: hidden;
    padding-bottom: 100px;
}

section.magma-industries .container {
    display: flex;
    flex-direction: column;
}

section.magma-industries .title {
    text-align: center;
    width: 100%;
}

section.magma-industries .title img {
    width: 15%;
}


section.magma-industries .title h2 {
    margin-block-start: 0;
    margin-block-end: 0;
    color: #4E5983;
}

section.magma-industries .content {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 50px;
    padding-top: 50px;
}

section.magma-industries .content label {
    font-size: 18px;
    font-weight: 500;
    margin-block-start: 0;
    color: #4E5983;
}


section.magma-industries .content .row-line {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 475px;
    width: 235px
}

section.magma-industries .content .row-line .products {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0);
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 10px;
}

section.magma-industries .content .middle-row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 600px;
}


section.magma-industries .content .middle-row img {
    height: 500px;
}

section.magma-industries .content .row-line img {
    width: 200px;
    height: 50px;
    object-fit: contain;
}

section.magma-components {
    padding-bottom: 100px;
}

section.magma-components .container h2 {
    margin-block-start: 0px;
    margin-block-end: 0px;
    color: #4E5983;
}

section.magma-components .container hr {
    background-color: #2A7CED;
    height: 3px;
    width: 100px;
    border: none;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: 0;
    margin-inline-end: unset;
}

section.magma-components .container .tab-controller {
    width: 100%;
    margin-top: 40px;
}

section.magma-components .container .tab-view {
    width: 100%;
    margin-top: 0px;
    background-color: #FBFBFB;
    padding: 20px;

}

section.magma-components .container .tab-view h4 {
    font-weight: 600;

}

section.magma-components .container .tab-view p {
    font-size: 14px;
    color: #646464;
}


section.why-magma {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-bottom: 100px;
}

section.why-magma .bg {
    position: center;
    width: 100%;
    bottom: 0px;
    z-index: -10;
}

section.why-magma .bg img {
    width: 100%;
}

section.why-magma .container h2 {
    color: #2A7CED;
    font-weight: bold;
}

section.why-magma .container p {
    color: #5b5b5b;
    font-size: 14px;
}

section.why-magma .container .key-points {
    width: 100%;
    padding: 20px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

section.why-magma .container .key-points .points {
    display: flex;
    align-items: center;
}

.mos-head {
    text-align: center;
}

.text-center {
    text-align: center !important;
}

section.why-magma .container .key-points .points div {
    width: 82px;
    height: 45px;
    border-radius: 50%;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: center;
    font-weight: 500;
    margin-right: 15px;
    margin-left: 25px;
    align-items: center;
    background-color: #FFFFFF;
}

section.why-magma .container .key-points .points p {
    font-size: 14px;
}

section.why-magma .container .fea-points {
    width: 100%;
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

section.why-magma .container .fea-points .fea-key {
    width: 230px;
    height: 230px;
    background-color: #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    justify-content: center;
}

section.why-magma .container .fea-points .fea-key img {
    width: 100px;
    object-fit: contain;
}

section.iot_sc,
.res-publish {
    width: 100%;
    padding-bottom: 40px;
    margin-top: 80px;
}

section.iot_sc .container h1 {
    font-weight: bold;
    text-align: center;
    font-size: 24px;
}

section.iot_sc .container h4 {
    font-weight: normal;
    font-size: 15px;
    text-transform: uppercase;
}

section.iot_sc .container hr {
    background-color: #ffffff;
    height: 3px;
    width: 100px;
    border: none;
    margin-left: 530px;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
}

section.iot_sc .container p {
    text-align: center;
    color: gray;
    font-size: 14px;
}

section.iot_sc .container .sc-list,
.res-publish .container .sc-list {
    margin-top: 40px;
    display: flex;
    margin-bottom: 40px;
    text-align: left;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 20px;
}

section.iot_sc .container .sc-row-list {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
}

section.iot_sc .container .sc-row-list .story-item {
    border-radius: 5px;
    background-color: #FFFFFF;
    margin: 20px;
    transition: all .5s;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    display: flex;
    overflow: hidden;
}

section.iot_sc .container .sc-row-list .story-item:hover {
    box-shadow: 0 6px 12px rgb(172, 186, 215);
}

section.iot_sc .container .sc-row-list .story-item .body {
    padding: 30px;
}

section.iot_sc .container .sc-row-list .story-item .body h3 {
    font-weight: 600;
    margin-block-start: 0px;
    margin-block-end: 0px;
    font-size: 14px;
}

section.iot_sc .container .sc-row-list .story-item .body label {
    font-size: 12px;
    font-weight: 500;
    color: #9f9f9f;
}

section.iot_sc .container .sc-row-list .story-item img {
    width: 40%;
    object-fit: cover;
}

section.iot_sc .container .sc-row-list .story-item .body p {
    font-size: 11px;
    color: #646464;
    text-align: justify;
}

section.iot_sc .container .sc-row-list .story-item .story-item-para p {
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #9A9B9B;
    text-align: justify;
}

@media (max-width: 768px) {
    section.iot_sc .container .sc-row-list .story-item .story-item-para {
        padding: 0px;
    }
}

section.iot_sc .container .sc-list .story-item {
    padding: 25px;
    border-radius: 5px;
    background-color: #FFFFFF;
    width: 30%;
    margin: 10px;
    transition: all .5s;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    height: auto;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

section.iot_sc .container .sc-list .blog-story {
    height: auto;
}

section.iot_sc .container .sc-row-list .story-item-img img {
    padding: 28px 10px 28px 28px;
}

@media (max-width: 768px) {
    section.iot_sc .container .sc-row-list .story-item-img img {
        padding: 0px;
    }
}

.sa-cursor {
    cursor: pointer !important;
}

section.iot_sc .container .sc-list .story-item:hover,
.res-publish .container .sc-list .story-item:hover,
section.blog-post .container .sc-list .story-item:hover {
    transform: scale(1.04);
}

section.iot_sc .container .sc-list .story-item h3,
section.blog-post .container .sc-list .story-item h3 {
    font-weight: 600;
    margin-block-start: 12px;
    margin-block-end: 8px;
    font-size: 14px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    min-height: calc(1.4em * 2);
}

section.iot_sc .container .sc-list .story-item label,
.res-publish .container .sc-list .story-item label {
    font-size: 12px;
    font-weight: 500;
    color: #2A7CED;
}

section.iot_sc .container .sc-list .story-item img {
    width: 100%;
    height: 170px;
    object-fit: cover;
    border-radius: 6px;
    flex-shrink: 0;
}

section.iot_sc .container .sc-list .story-item p,
section.blog-post .container .sc-list .story-item p {
    font-size: 12px;
    color: #646464;
    text-align: justify;
    line-height: 1.5;
    margin: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
    min-height: calc(1.5em * 3);
    flex-grow: 1;
}

section.iot-sc-content {
    width: 100%;
    margin-top: 120px;
}

section.iot-sc-content .title {
    text-align: center;
}

section.iot-sc-content .title h1 {
    font-weight: bold;
    font-size: 30px;
    color: #DC4E0D;
    margin-block-end: 0.4em;
}

section.iot-sc-content .title hr {
    background-color: #DC4E0D;
    height: 2px;
    width: 100px;
    border: none;
    margin-block-start: 0em;
    margin-block-end: 0.5em;
}

section.iot-sc-content .title p {
    font-size: 14px;
    color: #9d9d9d;
}

section.iot-sc-content .row-content {
    display: flex;
    /*align-items: center;*/
    padding: 20px;
}

section.iot-sc-content .row-content .half {
    width: 50%;
}

section.iot-sc-content .img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

section.iot-sc-content .img-medium {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

section.iot-sc-content .padding {
    padding: 25px;
}

section.iot-sc-content .img img {
    width: 80%;
}

section.iot-sc-content .img-medium img {
    width: 70%;
}

section.iot-sc-content .row-content .half h4 {
    color: #646464;
    font-weight: bold;
    font-size: 20px;
    margin-block-end: 0px;
}

.res-publish .container .sc-list .story-item {
    border-radius: 5px;
    background-color: #FFFFFF;
    width: 30%;
    margin: 10px;
    transition: all .5s;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 500px;
}

.res-publish .container .sc-list .story-item img {
    width: 100%;
    height: 190px;
    object-fit: cover;
    border-radius: 6px 6px 0 0;
}

.pub-card-btn {
    display: flex;
    justify-content: flex-start;
    /* padding: 0px 50px 20px 0px; */
}

.pub-card-btn button {
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #2A7CED;
    border: none;
    opacity: 1;
    font: normal normal normal 16px/48px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF !important;
    cursor: pointer;
    margin-top: 10px !important;
    padding-left: 40px;
    padding-right: 40px;
    /* margin-right: -20px; */
}

.pub-story-item {
    padding: 0px 20px 20px 15px;
    border-radius: 50px;
}

.pub-story-item-img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.pub-story-item h3 {
    width: 85%;
    font-weight: 600;
    margin-block-start: 0px;
    margin-block-end: 0px;
    font-size: 16px;
    text-align: center;
    margin-bottom: 10px;
}

.pub-story-item-h3 {
    font-weight: 600;
    margin-block-start: 0px;
    margin-block-end: 0px;
    font-size: 24px;
    text-align: center;
    margin-bottom: 10px;
}

.pub-story-item p {
    font-size: 13px;
    color: #4E5983;
    text-align: center;
    margin-top: 0%;
    line-height: 1.5;
    /* font-weight: 600; */
}

.unsub-email-label {
    text-align: center;
    font: normal normal 600 16px/25px Poppins;
    letter-spacing: 0px;
    color: #2B3543;
    opacity: 0.9;
}

.unsubscribe-form-container .form-control {
    display: inline-block;
    width: 478px;
    margin-left: 20px;
}

.unsub-txt {
    font: normal normal normal 16px/25px Poppins;
    letter-spacing: 0px;
    color: #2B3543;
    opacity: 0.7;
    margin: 20px 0;
}

.hr-sub {
    border-top: 1px solid #707070;
    opacity: 0.46;
    margin-bottom: 20px;
}

.unsubscribe-page .container .form-container {
    padding: 10px 100px;
}

.color-blue {
    color: #2A7CED !important;
}

.p-color {
    color: #8a8a8a;
}

section.iot-sc-content .row-content .half p {
    font-size: 14px;
    color: #8a8a8a;
    text-align: justify;
    text-justify: inter-word;
}

section.iot-sc-content .full-content h4 {
    color: #646464;
    font-weight: bold;
    font-size: 20px;
    margin-block-end: 0px;
}

.pb-0 {
    padding-bottom: 0px;
}

section.iot-sc-content .full-content p,
section.iot-sc-content .full-content ul,
section.iot-sc-content .full-content ol,
section.iot-sc-content .half ul,
section.iot-sc-content .half ol {
    font-size: 14px;
    color: #8a8a8a;
    text-align: justify;
    text-justify: inter-word;
}

.full-content li {
    margin-top: 12px;
}

.joga-health-img {
    display: flex;
    justify-content: center;
}
header.solar-header {
    width: 100%;
    overflow: hidden;
    background-color: #F7F7F7;
    height: 720px;
    position: relative;
    background-image: url('/images/SolarTrack/solartrack-header.webp');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

header.iot-lab-header {
    width: 100%;
    overflow: hidden;
    background-color: #F7F7F7;
    height: 810px;
    position: relative;
    background-image: url('/images/aiot-lab/AOT LabV3.webp');
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center 60px;
}

.factory-header .container .fact-topic {
    color: #fff;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
    margin-bottom: 20px;
}

header.factory-header {
    width: 100%;
    overflow: hidden;
    height: 810px;
    position: relative;
    background-image: url('/images/factoryspy/Fact-Image.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center 50px;
}

.factory-header .container {
    height: 100%;
    width: 100% !important;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.3);
}

.factory-header .container h4 {
    width: 80%;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 1.6;
}

section.values-factory .content {
    align-items: normal;
    /*max-width: 210px;*/
}

section.faq .row {
    align-items: normal;
}

header.career-header {
    width: 100%;
    overflow: hidden;
    background-color: #F7F7F7;
    height: 810px;
    position: relative;
    background-image: url('/images/career/career banner img.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

.job-title {
    text-align: center;
    font: normal normal bold 36px/84px Poppins;
    letter-spacing: -1.13px;
    color: #22242A;
    text-transform: capitalize;
}

.job-para {
    text-align: center;
    font: normal normal normal 16px/39px Poppins;
    letter-spacing: -0.5px;
    color: #22242A;
    opacity: 0.48;
}

.job-card {
    background: #FBFBFB 0% 0% no-repeat padding-box;
    margin: 20px 20px 50px;
    padding: 30px 20px;
    /* width: 392px; */
    border-radius: 10px;
    margin: 0;
    /* width: 316px; */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.job-card:hover {
    background: #eff6ff 0% 0% no-repeat padding-box;
}

.job-details {
    margin: 150px;

}

.job-details-sub-heading {
    font: normal normal 600 24px/70px Poppins;
    letter-spacing: 0px;
    color: #000000;
    text-transform: capitalize;
}

.form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 1rem;
}

.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.form-check{
    display: flex;
}

.form-check-input {
    height: 20px;
    width: 20px;
    margin-right: 0.5rem;
    vertical-align: sub;
}

.form-check-input-label {
    font: normal normal normal 16px/25px Poppins;
    letter-spacing: 0px;
    color: #2B3543;
    opacity: 0.7;
}

.pl-23 {
    padding-left: 23px;
}

.form-control-check-grid {
    display: flex;
    padding: 10px 20px;
}

.form-check-input-sub-label {
    font: normal normal 300 14px/21px Poppins;
    letter-spacing: 0px;
    color: #2B3543;
    opacity: 0.7;
}

.job-radio-container {
    width: 100%;
    margin: 13px 0 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.text-center {
    text-align: center !important;
}

.primary-button:focus {
    border: 2px solid #2A7CED;
    outline: none;
}

.form-check-input-container {
    display: flex;
    justify-content: space-evenly;
    margin: 20px 0;
}

.text-primary {
    color: #2A7CED;
}

.Upload-cv-txt{
    font-size: 14px;
    color: #868DAA;
}


.form-control::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1;
}

.case-study-background-header {
    background-image: linear-gradient(to right, rgb(0 128 177), rgb(2 57 126));
}

.mt-120 {
    margin-top: 120px;
}

.mt-85 {
    margin-top: 85px;
}

.text-right {
    text-align: right;
}

.box-demo {
    display: flex;
    flex-direction: row;
}

.book-dots {
    position: absolute;
}

.book-half02,
.book-half01 {
    width: 50%;
    background: white !important;
}

.book-half02{
    background: white !important;
    border-radius: 8px;
}

.bg-blue {
    background: #005B96;
}
.pri-btn-device-pulse:hover{
    background: #005B96;
}

.p-0 {
    padding: 0 !important;
}

.bookDemo-img {
    display: flex;
    align-items: center;
    justify-content: center;
    /* height: 62%; */
    margin: auto;
}

.book-half02 {
    padding: 24px 19px;
    /* background: white; */
}

.book-half01 {
    padding: 0;
    overflow: hidden;
    /* background: #F8F8F8; */
    display: flex;
    border-radius: 8px 0 0 8px;
}

.download-page-grid {
    display: flex;
    gap: 20px;
    margin-top: 100px;
}

.download-page-grid .w-50 {
    width: 50%;
}

.book-dots-pos {
    position: absolute;
    bottom: 20px;
    right: 20px;

}

.book-half01 {
    position: relative;
    gap: 10px;
}

.bookDemo-heading {
    font-weight: bold;
    font-size: 30px;
    line-height: 45px;
}

.bookDemo-para {
    font-size: 18px;
    line-height: 28px;
    color: #8692A6;
    margin: 5px 0 29px 0;
}

.bookDemo-btn {
    width: 100%;
    height: 46px;
    border-radius: 999px;
    outline: none;
    font-weight: 600;
    font-size: 15px;
    line-height: 46px;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    border: none;
    cursor: pointer;
    background: linear-gradient(135deg, #2563EB, #1D4ED8);
    box-shadow: 0 10px 25px rgba(37, 99, 235, 0.35);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: transform 0.15s ease-out, box-shadow 0.15s ease-out, background 0.2s ease-out;
}

.bookDemo-btn:hover {
    background: linear-gradient(135deg, #1D4ED8, #1E40AF);
    box-shadow: 0 14px 32px rgba(37, 99, 235, 0.45);
    transform: translateY(-1px);
}

.bookDemo-btn:active {
    transform: translateY(0);
    box-shadow: 0 6px 16px rgba(37, 99, 235, 0.35);
}

.bookDemo::placeholder {
    color: #8692A6;
    font-size: 14px;
    font-family: 'Poppins';
    /*padding: 0 21px;*/
}

.get-in-hading {
    font-size: 30px;
    line-height: 45px;
    color: #000000;
    font-weight: bold;
}

.success {
    color: #0365ff;
    font-size: 16px;
    margin-top: 10px;
}

.get-in-para {
    margin: 5px 0 23px 0;
    font-size: 18px;
    line-height: 28px;
    color: #8692A6;
}

.h-64 {
    height: 64px !important;
}

.h-auto {
    height: auto !important;
}

.border-0 {
    border: none !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.book-demo-selected {
    border: 2px solid #2A7CED !important;
    /*box-shadow: 0px 20px 30px #005eff45 !important;*/
}

.w-130 {
    width: 130%;
}

.mt-5 {
    margin-top: 48px;
}

.m-top-5 {
    margin-top: 5px;
}

.invisible {
    visibility: hidden;
}

.job-details-box {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 1px 30px #2C496517;
    padding: 0px 50px;
    margin: 20px;
}


.help.is-danger {
    color: red;
    margin: 0;
    width: 100%;
    font-size: 12px;
}

.warning {
    font-size: 14px;
    color: red;
    margin-top: 10px;
}

.senzmates-products {
    justify-content: center !important;
    flex-flow: wrap;
}

.form-control.is-danger {
    border-color: #ff3860 !important;
}

.file-err {
    border-color: #ff3860 !important;
}

.job-form-label {
    font: normal normal normal 16px/25px Poppins;
    letter-spacing: 0px;
    color: #707070;
}

.col-lg {
    margin-left: 10px;
}

.ml-0 {
    margin-left: 0px;
}

.row {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    margin-bottom: 12px;
}

.upload-cv {
    position: relative;
    width: auto;
    height: 388px;
    top: 0px;
    width: -webkit-fill-available;
    box-shadow: 0px 0px 8px #0000000a;
    border: 1.2px dashed #ced4da;
    border-radius: 8px;
    align-items: center;
    display: flex;
    justify-content: center;
    cursor: pointer;
}

.job-card-heading h1 {
    text-align: left;
    font: normal normal bold 28px/40px Poppins;
    color: #000000;
    text-transform: uppercase;
    padding-top: 32px !important;
}

.jobs-container {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 30px;
    transition: 0.9s;
}

.jobs-container::after {
    content: "";
    flex: auto;
}

.job-card .primary-button {
    box-shadow: 0px 3px 6px #2D365630;
    outline: none;
    border: none;
}

.job-card .primary-button:hover {
    box-shadow: none;
}

.job-details-description {
    font: normal normal normal 16px/30px Poppins;
    letter-spacing: 0px;
    color: #000000;
    opacity: 0.7;
}

header.career-header h1 {
    margin-top: 150px;
    /*color: #2A7CED;*/
}

header.career-header p {
    text-align: center;
    font: normal normal 300 16px/25px Poppins;
    letter-spacing: 0px;
    color: white;
    opacity: 0.5;
    font-weight: 500;
}

.loader {
    z-index: 99999 !important;
}

.hide-loader {
    visibility: hidden;
}

.btn-career {
    text-decoration: none;
    background-color: #2A7CED;
    padding: 10px 40px;
    font-size: 15px;
    color: #ffffff;
    border-radius: 24px;
    font-weight: 600;
    border: none;
    cursor: pointer;


}

.btn-career:focus {
    outline: none;
}

.sa-modal-bg {
    position: fixed;
    display: table;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 999;
}

/* Get In Touch modal (match Contact Us form styling + modern modal layout) */
.get-in-touch-modal {
    max-width: 560px;
}

.get-in-touch-header {
    margin-bottom: 16px;
}

.get-in-touch-title {
    margin: 0;
    color: #0f172a;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    letter-spacing: -0.2px;
}

.get-in-touch-subtitle {
    margin: 8px 0 0;
    color: #64748b;
    font-size: 15px;
    line-height: 1.5;
    font-family: 'Poppins', sans-serif;
}

.get-in-touch-form {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.get-in-touch-field {
    width: 100%;
}

.get-in-touch-label {
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    color: #454545;
    margin-bottom: 8px;
    display: block;
    font-weight: 500;
}

.get-in-touch-input {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    background-color: #ffffff;
    color: #454545;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    box-sizing: border-box;
    height: 44px;
    box-shadow: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.get-in-touch-input:focus {
    outline: none;
    border-color: #2A7CED;
    box-shadow: 0 0 0 0.2rem rgba(42, 124, 237, 0.25);
}

.get-in-touch-input:hover {
    border-color: #babcbe;
}

.get-in-touch-input::placeholder {
    color: #8692A6;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
}

.get-in-touch-error {
    color: #e74c3c;
    font-size: 12px;
    margin-top: 6px;
}

.get-in-touch-submit {
    background: linear-gradient(135deg, #2A7CED 0%, #1a5fc7 100%);
    color: #ffffff;
    border: none;
    padding: 14px 48px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 0.3px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(42, 124, 237, 0.3);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.get-in-touch-submit:hover {
    background: linear-gradient(135deg, #1a5fc7 0%, #1550b0 100%);
    box-shadow: 0 6px 20px rgba(42, 124, 237, 0.45);
    transform: translateY(-1px);
}

.get-in-touch-submit:active {
    transform: translateY(0);
    box-shadow: 0 2px 10px rgba(42, 124, 237, 0.3);
}

@media (max-width: 768px) {
    .get-in-touch-title {
        font-size: 22px;
    }
    .get-in-touch-modal {
        max-width: 520px;
    }
}

.sa-modal-bg-fallback {
    background-color: whitesmoke;
}

.sa-modal-bg-inner {
    display: table-cell;
    vertical-align: middle;
    padding: 8px;
    /* background: #FBFBFB; */
}
.sa-modal-box {
    background: #FBFBFB 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 8px #0000000A;
    border: 0.23999999463558197px solid #EDEDED;
    border-radius: 8px;
    opacity: 1;
    padding: 24px 19px;
    max-width: 674px;
    margin: 0px auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
    position: relative;

}

.mt-1 {
    margin-top: 15px;
}

header.iot-lab-header h1 {
    color: #161616;
    margin-top: 480px;
}

header.iot-lab-header hr {
    width: 20%;
    height: 2px;
    background-color: #2A7CED;
    border: none;
}

.sa-modal-nav-book-demo {
    position: relative !important;
    background: #FFFFFF !important;
}

.product-home {
    gap: 80px;
    position: relative;
    padding-bottom: 190px !important;
}

.row-line-product {
    width: 300px;
    height: 650px !important;
    gap: 72px;
}

.product-container {
    width: 1100px;
}

.product-factoryspy {
    position: absolute;
    bottom: -8px;
    left: 372px;
    width: 355px;
    text-align: center;
    align-items: center;
}


section.case-study-header {
    width: 100%;
    margin-top: 80px;
    height: 300px;
    overflow: hidden;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.case-study-header .container {
    color: #ffffff;

}

section.case-study-header .container h1 {
    margin-block-start: 0px;
    margin-block-end: 0px;
    text-transform: uppercase;
    font-size: 24px;
}

section.case-study-header .container label {
    text-transform: uppercase;
    font-weight: 400;
}


section.case-study-content {
    width: 100%;
    margin-top: -28px;

}

section.case-study-content .title {
    text-align: center;
}

section.case-study-content .title h1 {
    font-weight: bold;
    font-size: 30px;
    color: #DC4E0D;
    margin-block-end: 0.4em;
}


section.case-study-content .title hr {
    background-color: #DC4E0D;
    height: 2px;
    width: 100px;
    border: none;
    margin-block-start: 0em;
    margin-block-end: 0.5em;
}

section.case-study-content .title p {
    font-size: 14px;
    color: #9d9d9d;
}

section.case-study-content .row-content {
    display: flex;

    padding: 0px;
}

.blogs {
    align-items: center;
}

section.case-study-content .row-content .half {
    width: 50%;

}

section.case-study-content .row-content .half .high-light {
    padding: 40px;
    background-color: #e25555;
    border-radius: 6px;
    color: #ffffff;
    margin-left: 35px;
    box-shadow: 0 6px 12px rgb(110 110 110);

}

section.case-study-content .row-content .half .high-light h4 {
    color: #ffffff;
    margin-block-start: 0px;
}

section.case-study-content .row-content .half .high-light p {
    color: #e0e0e0;
    font-weight: 300;
}

section.case-study-content .row-content .half .high-light ul {
    padding-inline-start: 20px;
    list-style-image: url('/images/right-arrow-black-triangle (1).webp');
    list-style-position: outside;
}

section.case-study-content .row-content .half .high-light ul li {
    font-size: 13px;
    color: #e0e0e0;
    font-weight: 300;
    margin-bottom: 10px;
}

section.case-study-content .img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

section.case-study-content .img-medium {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

section.case-study-content .padding {
    padding: 25px;
}

section.case-study-content .img img {
    width: 80%;
}

section.case-study-content .img-medium img {
    width: 70%;
}

section.case-study-content .img-full img {
    width: 100%;
    padding: 20px;
}


section.case-study-content .row-content .half h4 {
    color: #646464;
    font-weight: 500;
    font-size: 20px;
    text-transform: uppercase;
    margin-block-end: 0px;
}

section.case-study-content .row-content .half p,
section.case-study-content .row-content .half ol,
section.case-study-content .row-content .half ul {
    font-size: 14px;
    color: #8a8a8a;
    text-align: justify;
    text-justify: inter-word;
}

section.case-study-content .full-content h4 {
    color: #646464;
    font-weight: 500;
    font-size: 20px;
    text-transform: uppercase;
    margin-block-end: 0px;
}

section.case-study-content .full-content p,
section.case-study-content .full-content ol,
section.case-study-content .full-content ul {
    font-size: 14px;
    color: #8a8a8a;
    text-align: justify;
    text-justify: inter-word;
}


section.fm-idea {
    width: 100%;
    padding-top: 40px;
    margin-bottom: 30px;
    padding-bottom: 40px;
    background: transparent linear-gradient(160deg, #FB7B8E 0%, #031B88 100%) 0% 0% no-repeat padding-box !important;
}

section.fm-idea .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #FFFFFF;
}

section.fm-idea .container h1 {
    font-weight: 700;
    text-align: center;
}

section.fm-idea .container p {
    font-size: 14px;
    width: 70%;
    text-align: center;
}

section.fm-idea .container .icon-list {
    display: flex;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

section.fm-idea .container .icon-list .icon-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
}

section.fm-idea .container .icon-list .icon-item label {
    font-size: 13px;
    background: transparent linear-gradient(160deg, #ffffff2e 0%, #ffffffb8 100%) 0% 0% no-repeat padding-box !important;

    padding-top: 6px;
    text-align: center;
    padding-bottom: 6px;
    margin-top: 20px;
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
}

section.about-us-our-story {
    width: 100%;
    overflow: visible;

    height: 810px;
    position: relative;
}

section.about-us-our-story h1 {
    color: #161616;
    text-align: center;
}

section.about-us-our-story hr {
    width: 20%;
    height: 2px;
    background-color: #2A7CED;
    border: none;
}

section.about-us-our-story p {
    font-size: 14px;
    width: 70%;
    margin-left: auto;
    text-align: center;
    margin-right: auto;
}


.primary-factory {
    background-color: #003847;
}

.primary-factory:hover {
    background-color: #016f8b;
}

section.factory-architecture .container hr {
    background-color: #003847;
}

section.factory-architecture .container {
    /*margin: 30px 0;*/
    margin-top: 100px;
}

section.about-us-our-story .ceo {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.about-us-our-story .ceo .profile{
    width: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 10px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    /* border: 0.25px solid #707070; */
    border-radius: 5px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.fireside-profile {
    width: 370px;
    display: flex;
    flex-direction: column !important;
    align-items: center;
    margin: 10px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    /* border: 0.25px solid #707070; */
    border-radius: 5px;
    padding-top: 20px;
    padding-bottom: 20px;
}

section.about-us-our-story .ceo .profile img,
.fireside-profile img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
}

section.about-us-our-story .ceo .profile h4,
.fireside-profile h4 {
    font-size: 15px;
    font-weight: 500 !important;
    text-align: center;
    margin-block-end: 0px;
    /* text-transform: uppercase; */
}

section.about-us-our-story .ceo .profile label {
    font-size: 13px;
    color: #9f9f9f;
}


.fireside-profile label {
    font-size: 13px;
    color: #9f9f9f;
    text-align: center;
}

.book-demo-page {
    margin-top: 70px;
    background: #F5F7FB;
    padding: 72px 0 96px 0;
}

.h-100 {
    height: 100% !important;
}



.z-9 {
    z-index: 9 !important;
}

.bg-gray {
    background: #FBFBFB 0% 0% no-repeat padding-box;
}

button:disabled,
button[disabled] {
    background-color: #cccccc;
    color: #666666;
}

.float-right {
    float: right;
}

.book-demo-card {
    width: 100%;
    max-width: 360px;
    min-height: 170px;
    background: #FFFFFF;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
    border-radius: 16px;
    padding: 18px 18px 20px;
    color: #111827;
    border: 1px solid #E5E7EB;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
    transition: transform 0.14s ease-out, box-shadow 0.14s ease-out, border-color 0.14s ease-out, background 0.14s ease-out;
}

.book-demo-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 40px rgba(15, 23, 42, 0.10);
    border-color: #2A7CED;
}

.book-demo-nav-color {
    background-color: #2A7CED;
}

.book-demo-arrow-btn {
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    position: relative;
    opacity: 0;
    pointer-events: none;
    transform: translateX(-4px) scale(0.9);
    transition: opacity 0.18s ease-out, transform 0.18s ease-out;
}

.book-demo-arrow-btn:disabled {
    cursor: default;
    opacity: 0.4;
}

.book-demo-card.book-demo-selected .book-demo-arrow-btn {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0) scale(1);
}

.book-demo-arrow-circle {
    width: 42px;
    height: 42px;
    border-radius: 999px;
    background: #FFFFFF;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.16);
    border: 1px solid #E5E7EB;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.18s ease-out, box-shadow 0.18s ease-out, background 0.18s ease-out;
}

.book-demo-arrow-icon {
    font-size: 18px;
    color: #2563EB;
    display: inline-block;
    transform: translateX(0);
    transition: transform 0.18s ease-out;
}

.book-demo-arrow-btn:not(:disabled):hover .book-demo-arrow-circle {
    transform: translateX(3px);
    box-shadow: 0 14px 32px rgba(37, 99, 235, 0.28);
    background: #F9FAFB;
}

.book-demo-arrow-btn:not(:disabled):hover .book-demo-arrow-icon {
    transform: translateX(4px);
}

.book-demo-arrow-btn:not(:disabled) .book-demo-arrow-circle {
    animation: bookDemoArrowPulse 1.6s ease-out infinite;
}

.book-demo-arrow-tooltip {
    position: absolute;
    right: 0;
    bottom: 130%;
    transform: translateY(6px);
    background: #111827;
    color: #F9FAFB;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 11px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease-out, transform 0.15s ease-out;
}

.book-demo-arrow-btn:hover .book-demo-arrow-tooltip {
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 768px) {
    .book-demo-arrow-tooltip {
        display: none;
    }
}

@keyframes bookDemoArrowPulse {
    0% { transform: translateX(0); box-shadow: 0 10px 25px rgba(37, 99, 235, 0.25); }
    50% { transform: translateX(3px); box-shadow: 0 12px 28px rgba(37, 99, 235, 0.35); }
    100% { transform: translateX(0); box-shadow: 0 10px 25px rgba(37, 99, 235, 0.25); }
}

.book-demo-form-top {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 12px;
}

.book-demo-back-btn {
    background: #EEF2FF;
    border: 1px solid #E0E7FF;
    color: #3730A3;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    padding: 6px 12px;
    border-radius: 999px;
    line-height: 1;
    transition: background 0.15s ease-out, border-color 0.15s ease-out, transform 0.1s ease-out, box-shadow 0.15s ease-out;
}

.book-demo-back-btn span {
    font-size: 14px;
}

.book-demo-back-btn:hover {
    background: #E0E7FF;
    border-color: #C4B5FD;
    box-shadow: 0 6px 16px rgba(79, 70, 229, 0.18);
    transform: translateX(-1px);
}

.book-demo-back-btn:active {
    transform: translateX(0);
    box-shadow: none;
}

.mandatory-star {
    color: #DC2626;
    margin-left: 2px;
}

.book-demo-next-hint {
    font-size: 12px;
    color: #6B7280;
}

.book-demo-nav-container {
    margin-top: 48px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    justify-content: center;
    align-items: stretch;
    cursor: pointer;
}

.book-demo-title {
    color: #111827;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: -0.02em;
}

.book-demo-subtitle {
    max-width: 640px;
    margin: 16px auto 0 auto;
    color: #4B5563;
    font-size: 15px;
    line-height: 1.6;
}

.book-demo-hero-selected {
    margin: 16px auto 0 auto;
    max-width: 640px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    border-radius: 12px;
    background: #EEF2FF;
    border: 1px solid #E0E7FF;
}

.book-demo-hero-logo {
    flex-shrink: 0;
}

.book-demo-hero-heading {
    font-size: 15px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 2px;
}

.book-demo-hero-subheading {
    font-size: 13px;
    color: #4B5563;
}

.book-demo-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.book-demo-card .mt-1 p {
    font-size: 14px;
    line-height: 1.5;
    color: #4B5563;
}

.book-demo-card-main {
    display: flex;
    align-items: center;
    gap: 14px;
}

.book-demo-card-title {
    font-size: 16px;
    font-weight: 600;
    color: #0F172A;
}

.book-demo-selected {
    border-color: #2A7CED !important;
    box-shadow: 0 16px 40px rgba(37, 99, 235, 0.12);
}

.book-demo-wrapper {
    margin-top: 24px;
    display: flex;
    gap: 32px;
    align-items: flex-start;
}

.book-demo-list-wrapper {
    flex: 1.1;
    transition: transform 0.25s ease-out, max-width 0.25s ease-out;
}

.book-demo-form-panel {
    flex: 1;
    opacity: 0;
    transform: translateX(24px);
    transition: opacity 0.25s ease-out, transform 0.25s ease-out;
}

.book-demo-wrapper-show .book-demo-list-wrapper {
    display: none;
}

.book-demo-wrapper-show .book-demo-form-panel {
    opacity: 1;
    transform: translateX(0);
}

.book-demo-next-container {
    transition: opacity 0.2s ease-out, transform 0.2s ease-out;
}

.book-demo-wrapper-show .book-demo-next-container {
    opacity: 0;
    transform: translateY(4px);
}

.book-demo-form-panel .sa-modal-bg {
    position: static !important;
    background: transparent !important;
    padding: 0;
}

.book-demo-form-panel .sa-modal-bg-inner {
    padding: 0;
}

.book-demo-form-panel .sa-modal-box {
    max-width: 100%;
    border-radius: 16px;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.12);
    overflow: hidden;
}

.book-demo-form-panel .box-demo {
    display: block;
    margin-bottom: 0;
}

.book-demo-form-panel .book-half01 {
    display: none;
}

.book-demo-form-panel .book-half02 {
    width: 100%;
    padding: 24px 24px 28px;
}

.book-demo-form-panel .bookDemo-heading {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 8px;
}

.book-demo-form-panel .bookDemo-para {
    margin-bottom: 20px;
}

.book-demo-form-panel .form-group {
    margin-bottom: 16px;
}

.book-demo-form-panel .form-control.bookDemo {
    display: block;
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 16px;
    border: 1px solid #C6C6C6;
    border-radius: 4px;
    background-color: #fff;
    transition: border-color 0.2s, background-color 0.2s;
}

.book-demo-form-panel .form-control.bookDemo:focus {
    outline: none;
    border-color: #3b82f6;
    background-color: #fff;
}

.book-demo-form-panel .bookDemo-btn {
    margin-top: 8px;
}

@media (max-width: 900px) {
.book-demo-nav-container {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1200px) and (min-width: 901px) {
    .book-demo-nav-container {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .book-demo-page {
        padding-bottom: 120px;
    }

    .book-demo-wrapper {
        flex-direction: column;
        gap: 20px;
    }

    .book-demo-form-panel {
        margin-top: 8px;
    }

    .book-demo-next-container {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0;
        padding: 12px 16px;
        background: rgba(245, 247, 251, 0.98);
        box-shadow: 0 -4px 16px rgba(15, 23, 42, 0.1);
    display: flex;
    justify-content: center;
        z-index: 50;
    }
}

.book-demo-radio {
    height: 24px;
    width: 24px;
    background: #FBFBFB 0% 0% no-repeat padding-box;
    box-shadow: 0px 20px 30px #27354D14;

}

.max-w-390 {
    max-width: 390px !important;
}


section.milestone {
    background-color: #F8F8F8;
    margin-top: 20px;

}

section.milestone .container {
    padding-top: 30px;
    padding-bottom: 30px;
}

section.milestone .container h1 {
    color: #161616;
    text-align: center;
    margin-block-end: 0px;
}

section.milestone .container h4 {
    font-size: 14px;
    font-weight: 400;
    color: #646464;
    text-align: center;
}

section.milestone .container hr {
    width: 10%;
    height: 2px;
    background-color: #2A7CED;
    border: none;
}

section.milestone .container .stone-list {
    margin-top: 20px;
    width: 100%;
}

section.milestone .container .stone-list .stone-row {
    display: flex;
    align-items: center;
}

section.milestone .container .stone-list .stone-row .stone-item {
    width: 100%;
    position: relative;
    margin: 20px;


}

section.milestone .container .stone-list .stone-row .stone-item .body {
    position: relative;
    top: 10px;

    background-color: #FFFFFF;
    border-radius: 5px;
    margin-top: 25px;
    margin-left: 25px;
    display: flex;
    align-items: center;
    box-shadow: 0px 5px 15px #2C49651F;
    height: fit-content;

}

section.milestone .container .stone-list .stone-row .stone-item .body .text {
    display: flex;
    flex-direction: column;
    width: 75%;
    padding: 25px;
}

section.milestone .container .stone-list .stone-row .stone-item .body .text label {
    font-size: 14px;
    font-weight: 600;
    margin-block-end: 0.5em;
}

section.milestone .container .stone-list .stone-row .stone-item .body .text span {
    font-size: 12px;
    color: #646464;
}

section.milestone .container .stone-list .stone-row .stone-item .body .text img {
    width: 100px;

}

section.milestone .container .stone-list .stone-row .stone-item .body .date {
    width: 25%;
    padding: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;

    border-left: 1px solid #e7e7e7;
}

section.milestone .container .stone-list .stone-row .stone-item .body .date h5 {
    margin-block-end: 0px;
    margin-block-start: 0px;
    font-size: 26px;
    font-weight: 500;
    line-height: 1;
}

section.milestone .container .stone-list .stone-row .stone-item .body .date label {
    font-size: 14px;

}

section.milestone .container .stone-list .stone-row .v-line {
    height: 250px;
    display: flex;
    width: 10px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}

section.milestone .container .stone-list .stone-row .v-line .line {
    width: 1px;
    background-color: #d9d9d9;
    height: 100%;
    position: absolute;
}

section.milestone .container .stone-list .stone-row .v-line span {
    height: 10px;
    width: 10px;
    border-radius: 60%;
    background-color: #2A7CED;
    position: absolute;
    border: 2px solid #FFFFFF;
}


section.collaborators {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #FFFFFF;
}

section.collaborators .container h2 {
    color: #161616;
    margin-block-end: 0px;
}

section.collaborators .container hr {
    width: 10%;
    height: 2px;
    background-color: #2A7CED;
    border: none;
    margin-inline-start: 0px;
    margin-inline-end: auto;
}

.d-flex {
    display: flex !important;
}

.d-flex-img {
    display: flex !important;
}

.d-flex-line {
    display: flex !important;
}

.pt-120 {
    padding-top: 120px !important;
    /*background: rgba(5, 22, 75, 0.01);*/
}

section.case-study-content .full-content h5 {
    color: #646464;
    font-weight: 500;
    font-size: 16px;
    text-transform: capitalize;
    margin-block-end: 0px;

}


section.awards {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #F8F8F8;
}

section.awards .container h2 {
    color: #161616;
    margin-block-end: 0px;
}

section.awards .container hr {
    width: 10%;
    height: 2px;
    background-color: #2A7CED;
    border: none;
    margin-inline-start: 0px;
    margin-inline-end: auto;
}

section.awards .container .award-list {
    margin-top: 20px;
    width: 100%;
}

section.awards .container .award-list .award-row {
    display: flex;
    justify-content: center;
}

section.awards .container .award-list .award-row .award-item {
    padding: 25px;
    border-radius: 5px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    font-size: 13.5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 30px;
    width: 30%;
    background-color: #FFFFFF;

}

section.awards .container .award-list .award-row .award-item svg {
    width: 80px;
    margin-top: 10px;
    margin-bottom: 10px;
    fill: #06A800;
}

section.awards .container .award-list .award-row .award-item label {
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
}

section.awards .container .award-list .award-row .award-item span {
    color: #9f9f9f;
    font-size: 12px;
    text-align: center;
}

section.core-team {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #ffffff;
}

.bg-solar {
    background-color: #FFC600 !important;
}

.solar-heading {
    font: normal normal bold 25px/40px Poppins;
    color: #ffffff !important;
}

section.core-team .container h2 {
    color: #161616;
    margin-block-end: 0px;
}

.max-w-890 {
    max-width: 909px;
}

.max-w-560 {
    max-width: 560px;
}

section.core-team .container hr {
    width: 10%;
    height: 2px;
    background-color: #2A7CED;
    border: none;
    margin-inline-start: 0px;
    margin-inline-end: auto;
}

section.core-team .container .team-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

section.core-team .container .team-list .team-item {
    width: 16%;
    display: flex;
    margin: 17px;
    align-items: center;
    flex-direction: column;


}

section.core-team .container .team-list .team-item img {
    width: 100%;
    border-bottom: 1px solid #646464;

}

section.core-team .container .team-list .team-item label {
    font-weight: 600;
    font-size: 15px;
    color: #2A7CED;
    margin-top: 10px;
}

section.core-team .container .team-list .team-item span {
    font-size: 12px;
    color: #9f9f9f;
}

section.family {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #FFFFFF;
    width: 100%;

}

section.family .container {
    height: 370px;
    background-position: center;
    background-size: cover;
    background-image: url("/images/about%20us/Senzmate-teams-min.webp");
    position: relative;
}

section.family .container .overly {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0000005c;
}

section.family .container .text {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 70%;
    right: 0;
    color: #FFFFFF;
    margin: auto;
    width: fit-content;
    height: fit-content;
    font-size: 30px;
}

.line-hide {
    display: none;
}

.next-line {
    display: block;
}


.system-list {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: row;
}

.remover {
    display: none;
}

.system-list .sys-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 10px;
    box-shadow: 0px 5px 15px #2C49651F;
    padding: 20px;
    border-radius: 5px;

}

.system-list .sys-item h5 {
    font-size: 15px;
    font-weight: 600;
    margin-block-end: 0.6em;
    margin-block-start: 0.3em;

}

.system-list .sys-item label {
    font-size: 12px;
    color: #646464;
    margin-bottom: 10px;
}

.dropdown-menu {
    width: 200px;
    /*position: absolute;*/
    top: 80px;
    list-style: none;
    text-align: start;
}

.clicked {
    display: none;
}

.active {
    color: #2A7CED !important;
}

.bit-rate {
    width: 50% !important;
    margin: 20px auto;
    display: flex;
}

nav.nav-next .primary-menu a.active {
    color: #2A7CED !important;
}

.nav-book-demo-heading {
    font-size: 32px;
    /* font: normal normal bold 35px/53px Poppins; */
    letter-spacing: 0px;
    color: #2B2B2B;
    padding-top: 48px;
    font-weight: 600;
}

.nav-book-demo-thnk {
    font-size: 24px;
    /* font: normal normal bold 35px/53px Poppins; */
    letter-spacing: 0px;
    color: #2B2B2B;
    font-weight: 600;
}

.nav-cta-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.nav-book-demo.nav-partnership-cta {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background: #ffffff;
    box-shadow: none;
    border: 1px solid #2a7ced;
    color: #1d5eb8 !important;
    min-width: 140px;
    white-space: nowrap;
    animation: partnershipNavPulse 3.2s ease-in-out infinite;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}

nav.white .nav-book-demo.nav-partnership-cta {
    border-color: rgba(255, 255, 255, 0.92);
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff !important;
    animation-name: partnershipNavPulseOnDark;
}

nav.white.nav-next .nav-book-demo.nav-partnership-cta {
    border-color: #2a7ced;
    background: #ffffff;
    color: #1d5eb8 !important;
    animation-name: partnershipNavPulse;
}

nav.white.nav-next .nav-book-demo.nav-partnership-cta:hover,
nav.white.nav-next .nav-book-demo.nav-partnership-cta:focus-visible {
    background: rgba(42, 124, 237, 0.1);
}

nav.white.nav-next .nav-book-demo.nav-partnership-cta.is-active {
    background: rgba(42, 124, 237, 0.14);
    border-color: #1d5eb8;
    box-shadow: 0 0 0 1px rgba(42, 124, 237, 0.18);
}

.nav-book-demo.nav-partnership-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(120deg, transparent 0%, rgba(42, 124, 237, 0.16) 48%, transparent 100%);
    transform: translateX(-130%);
    transition: transform 0.55s ease;
    pointer-events: none;
    z-index: -1;
}

.nav-book-demo.nav-partnership-cta:hover::before,
.nav-book-demo.nav-partnership-cta:focus-visible::before {
    transform: translateX(130%);
}

.nav-book-demo.nav-partnership-cta:hover,
.nav-book-demo.nav-partnership-cta:focus-visible {
    transform: translateY(-1px);
    background: rgba(42, 124, 237, 0.1);
}

nav.white .nav-book-demo.nav-partnership-cta:hover,
nav.white .nav-book-demo.nav-partnership-cta:focus-visible {
    background: rgba(255, 255, 255, 0.16);
}

.nav-book-demo.nav-partnership-cta:active {
    transform: translateY(0);
}

.nav-book-demo.nav-partnership-cta.is-active {
    background: rgba(42, 124, 237, 0.14);
    border-color: #1d5eb8;
    box-shadow: 0 0 0 1px rgba(42, 124, 237, 0.18);
}

nav.white .nav-book-demo.nav-partnership-cta.is-active {
    background: rgba(255, 255, 255, 0.18);
    border-color: rgba(255, 255, 255, 0.95);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
}

.nav-book-demo.nav-partnership-cta svg {
    transition: transform 0.2s ease;
}

.nav-book-demo.nav-partnership-cta:hover svg,
.nav-book-demo.nav-partnership-cta:focus-visible svg {
    transform: translateX(3px);
}

@keyframes partnershipNavPulse {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(42, 124, 237, 0.12);
    }
    50% {
        box-shadow: 0 0 0 5px rgba(42, 124, 237, 0.08);
    }
}

@keyframes partnershipNavPulseOnDark {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.08);
    }
    50% {
        box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.06);
    }
}

@media (prefers-reduced-motion: reduce) {
    .nav-book-demo.nav-partnership-cta {
        animation: none;
    }

    .nav-book-demo.nav-partnership-cta::before {
        display: none;
    }
}

.nav-book-demo {
    background: #2a7ced;
    /* box-shadow: 0 10px 25px rgba(37, 99, 235, 0.35); */
    box-shadow: 0 0 0 6px rgba(74, 144, 226, 0.25);
    border-radius: 999px;
    opacity: 1;
    min-width: 140px;
    height: 40px;
    padding: 0 15px;
    font-size: 15px;
    line-height: 46px;
    letter-spacing: 0.02em;
    color: #FFFFFF !important;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    font-weight: 500;
    cursor: pointer;
    border: none;
    transition: transform 0.15s ease-out, box-shadow 0.15s ease-out, background 0.2s ease-out;
    gap: 8px;
}

.nav-book-demo::after {
    /* content: "→"; */
    font-size: 16px;
    transform: translateX(0);
    transition: transform 0.15s ease-out;
}

.nav-book-demo:hover {
  background-color: #2a7ced;   /* darker blue */
  transform: scale(1.05);       /* slight grow */
  /* box-shadow: 0 0 0 6px rgba(74, 144, 226, 0.25); */
}
/* Circular glowing variant for compact/hide state */
.nav-book-demo.hide-nav-book-demo {
        animation: navBookGlow 2.5s infinite;
}
@keyframes navBookGlow {
    0% { box-shadow: 0 0 0 6px rgba(74,144,226,0.18); transform: translateY(0); }
    50% { box-shadow: 0 0 0 10px rgba(74,144,226,0.25); transform: translateY(0); }
 100% { box-shadow: 0 0 0 6px rgba(74,144,226,0.18); transform: translateY(0); }
}

.nav-book-demo:active {
  /* transform: scale(0.67); */
  background-color: #2a7ced;
}

/* .nav-book-demo:hover {
    background: linear-gradient(135deg, #1D4ED8, #1E40AF);
    box-shadow: 0 14px 32px rgba(37, 99, 235, 0.45);
    transform: translateY(-1px);
} */

.nav-book-demo:hover::after {
    transform: translateX(3px);
}

/* .nav-book-demo:active {
    transform: translateY(0);
    box-shadow: 0 6px 16px rgba(37, 99, 235, 0.35);
} */

.unsub-btn {
    width: auto;
    outline: none;
    border: none;
    padding: 20px;
    margin: 20px auto;
}

.switch-container {
    display: flex;
    justify-content: space-between;
}

/* .mt-20 {
    margin-bottom: 20px;
} */
.slick-dots {
    z-index: 99 !important;
}

.navbar-sub-content-main {
    display: flex;
    cursor: pointer;
    flex-wrap: wrap;
}

.navbar-sub-content-main .logo-image {
    margin-right: 20px;
}

.logo-image-senzmatica {
    display: flex;
    justify-content: center;
    align-items: center;
}

.navbar-sub-content .logo-image {
    margin-right: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    padding: 7px;
    border-radius: 999px;
    background: #F1F5F9;
}
.navbar-sub-content .logo-image:hover {
    color: #2A7CED;
}
.navbar-sub-content:hover p{
    color: #727274;
}

.navbar-sub-content-product .logo-image {
    margin-right: 0px;
}

.navbar-sub-content {
    display: flex;
    cursor: pointer;
    width: 100%;
}

.aiot-lab-sub-content .navbar-sub-content {
    display: flex;
    cursor: pointer;
    width: 100%;
}

nav .primary-menu .aiot-lab-sub-content a {
    text-decoration: none;
    font-size: 12px;
    font-weight: 400;
    height: 0px;
    padding: 18px 0;
    display: flex;
    margin-bottom: 10px;
}

.navbar-sub-content-product {
    display: flex;
    cursor: pointer;
}

.underline-image {
    display: flex;
    width: 100%;
    height: auto;
    justify-content: center;
    align-items: center;
} 
.underline-image {
    display: flex;
    width: 100%;
    height: 6px; /*reserve space to avoid jump*/
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.2s ease;
}

/* Replace old blue bar + triangle image with a minimal gradient pill */
.underline-image img {
    display: none;
}

.underline-image::before {
    content: "";
    width: 42%;
    max-width: 120px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(59,130,246,0.1), #2A7CED, rgba(37,99,235,0.1));
    box-shadow: 0 4px 10px rgba(15,23,42,0.35);
}

a:hover .underline-image {
    opacity: 1;
    /* fade in on hover without changing layout */
}

.middle-line {
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 10px;
}

.factoryspyimg {
    width: 100px;
    height: 50px;
    object-fit: contain;
}

.factoryspylabel {
    font-size: 18px;
    font-weight: 500;
    -webkit-margin-before: 0;
    margin-block-start: 0;
    color: #4E5983;
}

.factoryspycenter {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.box {
    display: none !important;
    box-shadow: 0 6px 12px rgb(0 0 0 / 0%);
}

.link-style {
    text-decoration: dashed;
    color: blue;
    font-family: 'Poppins', sans-serif;
}

.blog-link {
    text-decoration: dashed;
    color: blue;
    margin-bottom: 16px;
    padding-right: 10px;
}

.sub-content-text-senzmatica {
    display: flex;
    flex-direction: column;
    /* margin-bottom: 16px; */
    padding-right: 10px;
}

.sub-content-text {
    display: flex;
    flex-direction: column;
    padding-right: 10px;
}

.navbar-sub-content:hover h3 {
    color: #1371f1;
}

.navbar-sub-content-product:hover h3 {
    color: #1371f1;
}

blog-box {
    display: flex;
    /* width: 80%; */
    box-sizing: border-box;
    /* align-items: center; */
    box-shadow: 0px 0px 10px #e7e7e7;
    padding: 12px;
    background-color: #CFE2F3;
    overflow: auto;
    margin: 0;
}
.sub-content-text h3:hover{
    color: #2A7CED;
}

.sub-content-text h3 {
    margin-bottom: 0;
    margin-top: 0 !important;
    color: #2B2C2C;
    font-feature-settings: 'clig' off, 'liga' off;
    font-weight: 600;
    line-height: 22px;
    /* 137.5% */
    font-size: 14px;
    /* font-family: Poppins medium; */
}

.blog-code {
    font-family: 'Poppins', sans-serif;
}

nav-bar-news-letter .social-icons {
    display: flex;
    justify-content: space-between;
}

.box-product-box {
    width: 320px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 10px #e7e7e7;
    border-radius: 15px;
    opacity: 1;
    padding-top: 4px;
    margin: 5px;
    transition: all .8s;
}

section.polar_pack {
    width: 100%;
    padding: 72px 0 56px;
    margin-top: 40px;
    background: #ffffff;
}

section.polar_pack .container h1,
section.polar_pack .container h2 {
    font-weight: 600;
    font-size: 32px;
    text-align: center;
    letter-spacing: -0.02em;
}

section.polar_pack .crop-contain.mb-40 {
    display: flex;
    flex-wrap: nowrap;
    gap: 24px;
    justify-content: space-between;
    align-items: stretch;
}

.polar-pack-card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 320px;
    padding: 22px 20px 20px;
    border-radius: 20px;
    background: #ffffff;
    box-shadow:
      0 16px 40px rgba(15, 23, 42, 0.08),
      0 0 0 1px rgba(148, 163, 184, 0.14);
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
    border: 1px solid rgba(148, 163, 184, 0.4);
}

.polar-pack-card:hover {
    transform: translateY(-4px);
    box-shadow:
      0 22px 50px rgba(15, 23, 42, 0.12),
      0 0 0 1px rgba(42, 124, 237, 0.45);
    border-color: rgba(42, 124, 237, 0.7);
}

.polar-pack-card__header {
    margin-bottom: 16px;
}

.polar-pack-card__title {
    margin: 10px 0 4px;
    font-size: 18px;
    font-weight: 700;
    color: #0f172a;
}

.polar-pack-card__desc {
    margin: 0;
    font-size: 13px;
    line-height: 1.7;
    color: #475569;
}

.polar-pack-card__pricing {
    margin: 10px 0 16px;
    padding: 10px 12px;
    border-radius: 14px;
    background: #f8fafc;
    border: 1px solid rgba(148, 163, 184, 0.4);
}

.polar-pack-card__priceMain {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px;
}

.polar-pack-card__price {
    font-size: 20px;
    font-weight: 700;
    color: #0f172a;
}

.polar-pack-card__priceMeta {
    font-size: 12px;
    color: #64748b;
}

.polar-pack-card__priceNote {
    margin: 4px 0 0;
    font-size: 11px;
    color: #64748b;
}

.polar-pack-card__stack {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 4px;
}

.polar-pack-card__column {
    min-width: 0;
}

.polar-pack-card__column--cons {
    margin-top: 4px;
}

.polar-pack-card__label {
    margin: 0 0 4px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #0f172a;
}

.polar-pack-card__label--pros {
    color: #059669;
}

.polar-pack-card__label--cons {
    color: #b91c1c;
}

.polar-pack-card__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.polar-pack-card__listItem {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 4px 0;
}

.polar-pack-card__icon {
    width: 16px;
    height: 16px;
    margin-top: 2px;
}

.polar-pack-card__listText {
    font-size: 12px;
    line-height: 1.5;
    color: #1e293b;
}

@media (max-width: 768px) {
    section.polar_pack {
        padding: 56px 0 40px;
        margin-top: 24px;
    }

    .polar-pack-card {
        width: 100%;
        max-width: 360px;
    }
}

@media (max-width: 1024px) {
    section.polar_pack .crop-contain.mb-40 {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.sub-content-text p {
    margin-top: 8px;
    color: #727274;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 0;
}

nav.nav-next .sub-content-text-category a {
    margin-top: 0;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 10px;
    display: flex;
    height: 0px;
}

.h-120 {
    height: 120px !important;
}

.text-align-l {
    text-align: left !important;
    margin-top: 20px;
}

.text-align-c {
    text-align: center !important;
}

.mb--6 {
    margin-bottom: -6px !important;
}

.mb--10 {
    margin-bottom: -10px !important;
}

.mb-24 {
    margin-bottom: 24px !important;
}

.mb-8 {
    margin-bottom: 8px !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.mt-0 {
    margin-top: 0px !important;
}

.mt-1 {
    margin-top: 1px !important;
}

.mt-24 {
    margin-top: 24px !important;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mt-1 {
    margin-top: 1px !important;
}

.mb-8 {
    margin-bottom: 8px !important;
}

.font-weight-600 {
    font-weight: 600 !important;
}

.sub-content-text:hover svg {
    fill: red !important;
}

.font-weight-500 {
    font-weight: 500;
}

.ml-16 {
    margin-left: 16px;
}

.display-flex {
    display: flex;
    /* flex-direction: column; */
}

.display-grid {
    display: grid;
    /* flex-direction: column; */
}

.font-size-20 {
    font-size: 20px;
}

.text-justify {
    text-align: justify;
}

.text-center {
    text-align: center;
}

.nav-bar-all-list {
    width: 100%;
    padding: 20px;
    display: inline-block;
}

.nav-bar-heading {
    color: #2A7CED !important;
    font-size: 16px !important;
}

.sub-content-text-senzmatica p {
    margin-top: 0;
    color: #727274;
    font-size: 14px;
    font-weight: 400;
}

.font-size-12 {
    font-size: 12px;
}

.h-14 {
    height: 14px !important;
}

.m-0 {
    margin: 0 !important;
}

.w-14 {
    width: 14px !important;
}

.mr-8 {
    margin-right: 8px;
}

.mt-24 {
    margin-top: 24px !important;
}

.crop-contain {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    width: 100%;
}

.row-reverse {
    flex-direction: row-reverse;
}

/* .box-product-box:hover{
    border-color: #0264E9;
    border-style: solid;
    border-width: thin;
}  */
.section-sub-title {
    text-align: center;
    font-weight: 300;
    font-size: 12px;
    letter-spacing: 0px;
    color: #646464;
    margin-left: -16px;
    opacity: 0.65;
    margin-top: -4px;
    margin-left: 5px;
    margin-right: 5px;
}

.section-sub-desc {
    font-weight: 600;
    font-size: 30px;
    letter-spacing: 0px;
    color: #0264E9;
    opacity: 1;
    margin-left: 20px;
}

.section-sub-cost {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0px;
    color: #0264E9;
    opacity: 1;
    padding-left: 8px;
}

.what-we-do-solution-circle {
    top: -10%;
    left: 32%;
    border-radius: 60px;
    width: 90px;
    height: 90px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 4px 8px #00000040;
    opacity: 1;
}

.costcard {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #CACFD640;
    height: 96px;
    justify-content: center;
    margin-top: 40px;
}

.packcost {
    align-items: center;
    padding-top: 12px;
}

.position-relative {
    position: relative;
    height: 790px;
}

.headbox {
    background: #2A7CED 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #2d365630;
    border-radius: 4px;
    opacity: 1;
    width: 166px;
    height: 46px;
    letter-spacing: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.headtitle {
    position: absolute;
    font-weight: 600;
    color: #FFFFFF !important;
    font-size: 16px;
    text-transform: uppercase;
}

.fw-600 {
    font-weight: 600;
}

.border-dot {
    border: 1px solid #000;
    border-radius: 50px;
    height: 8px;
    width: 8px;
}

.sub-content-text-senzmatica h3 {
    margin-bottom: 0;
    margin-top: 0 !important;
    color: #133372;
    font-feature-settings: 'clig' off, 'liga' off;
    font-weight: 500;
    line-height: 22px;
    /* 137.5% */
    font-size: 12px;
    /* font-family: Poppins medium; */
}

.image-box {
    width: 36px;
    height: 36px;
    /* margin-bottom: 16px; */
    margin-right: 16px;
    display: flex;
    justify-content: center;
    padding: 3.59px;
    align-items: center;
    border: 2px solid #F1F5F9 ;
    border-radius: 8px;
    background-color: #FFFFFF;
    /* box-shadow: 0px 4px 20px 0px rgba(23, 15, 73, 0.08); */
}

.bullet-points-container {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: 36px;
}

.headsection {
    align-items: center;
    padding-left: 72px;
}

.polarheadesc {
    text-align: left;
    margin-bottom: 50px;
}

.mt--10 {
    margin-top: -10px !important;
}

.mt--20 {
    margin-top: -20px !important;
}

.mt--24 {
    margin-top: -24px !important;
}

.mt--32 {
    margin-top: -32px !important;
}

.prodiv {
    padding: 12px;
    height: auto;
}

.condiv {
    padding: 12px;
    height: auto;
}

.navbar-sub-content .logo-image img{
    width: 25px;
    height: 25px;
    /* padding: 7px;
    border-radius: 25px;
    background: #F1F5F9; */
}

.navbar-sub-content:hover h3,
.navbar-sub-content:hover .logo-image img {
    filter: invert(38%) sepia(63%) saturate(1437%) hue-rotate(192deg) brightness(96%) contrast(94%);
}

.announcebar-txt {
    text-align: center;
    margin-left: 3%;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 300;
}

.box-product-box:hover {
    transform: scale(1.05);
}

.bannerbg {
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    z-index: 100;
    overflow: hidden;
    background-color: #00000085;
    padding: 10px 0px 5px 0px;
    width: 100%;
    margin-top: 77px;
}

.close-icon {
    float: right;
    text-align: center;
    color: rgb(255, 255, 255);
    width: 32px;
    height: 32px;
    cursor: pointer;
    margin-right: 3%;
}

.contact-link {
    color: #8bb3e9 !important;
    cursor: pointer;
}

.navbar-logo {
    width: auto;
    height: 28px;
}

.key-features-solar {
    margin-top: 120px;
    display: flex !important;
    flex-flow: wrap;
    align-items: center;
    justify-content: space-between;
}

.navbar-logo-IOT {
    width: 32px;
    height: 32px;
}

.key-features-solar .h-636 {
    height: 636px;
}

.key-features-solar-box .heading {
    text-align: center;
    font: normal normal bold 20px/30px Poppins;
    text-transform: uppercase;
}

.key-features-solar-box .sub-txt {
    text-align: center;
    font: normal normal normal 16px/30px Poppins;
    letter-spacing: 0px;
    color: #000000;
    opacity: 0.7;
}

.key-features-solar-box hr {
    border-top: 3px solid #FFC600;
    width: 100px;
}

.solar-key-list-row {
    margin-top: 36px;
}

.key-features-solar-box {
    width: 300px;
    margin-bottom: 60px;
    text-align: center;
    background: #FDFDFD 0% 0% no-repeat padding-box;
    box-shadow: 0px 15px 30px #2C496517;
    padding: 36px 36px 12px;
    flex-direction: column;
    height: 576px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.solar-key-list-row .key-item .key-body p {
    color: #000000;
    opacity: 0.42;
    margin-top: 8px;
}

.solar-key-list-row .key-item {
    box-shadow: 30px 42px 84px #55629A29 !important;
    border-radius: 10px !important;
}

section.solar-track-cta .container img {
    object-position: center;
}

.contact-underline {
    text-decoration: underline !important;
    color: #8bb3e9 !important;
}

.senzmatica-mini-card {
    width: 300px;
    padding: 16px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 35px #55629A29;
    border-radius: 10px;
    opacity: 1;
}

.mini-card-img {
    width: 20% !important;
}

.mini-card-top-text {
    text-align: left;
    font: normal normal normal 14px/28px Poppins;
    letter-spacing: 0px;
    color: #707070;
    opacity: 1;
}

.px-12 {
    padding: 0 12px !important;
}

.h-550 {
    height: 550px;
}

.mini-card-blue-text {
    font-weight: 500 !important;
    text-align: left;
    font: normal 18px/48px Poppins;
    letter-spacing: 0px;
    color: #2A7CED;
    opacity: 1;
    line-height: normal;
    margin-top: 4px;
    padding-bottom: 8px;
}

.mini-card-description {
    font-weight: 300;
    font-size: 14px;
    line-height: 21px;
    color: #757575;
}

.premium-img {
    width: 16px;
    height: 24px !important;
    padding-top: 8px !important;
}

.mini-card-container {

    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-right: 10px;


}

.feature-head {
    text-align: left;
    font: normal normal 600 20px/64px Poppins;
    letter-spacing: 0px;
    color: #2A7CED;
    opacity: 1;
}

.iotkitcore-mobile-img {
    display: none;
}

.justify-content-s-b {
    justify-content: space-between;
}

.gray-bg {
    background: #F8F8F8 0% 0% no-repeat padding-box;
}

.edition-box {
    padding: 20px;
    width: 44%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 16px 32px #B0B0B059;
    border-radius: 15px;
    opacity: 1;
    align-items: center;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.mt-4 {
    margin-top: 4px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-80 {
    margin-top: 80px;
}

.pt-40 {
    padding-top: 40px;
}

.w-per-50 {
    height: 50% !important;
}

.matrix-box {
    height: 72px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 4px;
    opacity: 1;
    text-align: center;
    color: #2A7CED;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.table-head {
    padding: 10px;
    height: 50px;
    background-color: #ebebeb;
    box-shadow: 0px 16px 32px #B0B0B01F;
}

.table-data {
    height: 60px;
    border-bottom: 1px solid #ebebeb;
}

.check-card {
    width: 300px;
    height: 76px;
    background: #2A7CED 0% 0% no-repeat padding-box;
    box-shadow: 0px 8px 6px #55629A0D;
    border-radius: 10px 10px 0px 0px;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    font: normal normal 18px Poppins;
    color: #FFFFFF;
}

.check-card-community {

    background: #ffffff !important;
    color: #2A7CED !important;
    border-bottom: #2A7CED solid !important;
}

.white-bg {
    background: #FFFFFF 0% 0% no-repeat padding-box;
}

.check-card-for-data {
    opacity: 1;
    height: 76px;
    display: flex;
    align-items: center;

}

.check-card-for-data-align-c {
    align-items: center;
}

.card-border-bottom {
    border-bottom: 1px solid #ebebeb;
}

.matric-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
}

.tab-sec {
    padding-top: 30px;
    padding-bottom: 30px; 
}

.justify-content-c {
    justify-content: center;
}

.align-items-c {
    align-items: center;
}

.tab-controller {
    padding: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    width: 420px;
    height: 60px;

    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: -4px 6px 42px #0000002e;
    border-radius: 100px;
    opacity: 1;
}

@media(max-width :1024px) {
    .we-do-in-small {
        flex-direction: column;
    }

    .matric-container {
        margin-left: 8px;
        margin-right: 8px;
    }
}

section.content-with-img-right .content-text {
    padding: 0 !important;
    margin: 0 !important;
}

section.content-with-img-left .content-text {
    padding: 0 !important;
    margin: 0 !important;
}

.m-h-100 {
    height: 100%;
}

.right-img {
    display: block;
    margin-left: auto;
}

.left-img {
    display: block;
    margin-right: auto;
}

.border-radius-16 {
    border-radius: 16px;
}

.direction-col {
    flex-direction: column;
}

.ml-0 {
    margin-left: 0px;
}

.mb-8 {
    margin-bottom: 8px;
}

.align-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.gray-para {
    color: #565656;
}

.p5 {
    font-size: 14px;
}

.ml-25 {
    margin-left: 25px !important;
}

.mr-25 {
    margin-right: 25px !important;
}

.p-26 {
    padding: 26px;
}

.w-270 {
    width: 270px;
}

.h-250 {
    height: 250px;
}

.w-40-per {
    width: 40%;
}

.m-l-r-auto {
    margin-left: auto;
    margin-right: auto;
}

.m-l-r-8 {
    margin-left: 8px;
    margin-right: 8px;
    border: #2A7CEC solid;
    border-radius: 13px;
    padding-bottom: 20px;
}

.w-500 {
    width: 500px;
}

.w-30-per {
    width: 30%;
}

.w-40-per {
    width: 40%;
}

.w-48-per {
    width: 48%;
}

.w-49-per {
    width: 49%;
}

.w-50-per {
    width: 50%;
}

.w-60-per {
    width: 60%;
}

.border-none {
    border: none;
}

.form-control:disabled {
    background-color: #ecececab;
}

.align-item-baseline {
    align-items: baseline;
}

.flex-flow-wrap {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}

.data-c {
    display: flex;
    justify-content: center;
    align-items: center;
}

.overflow-inherit {
    overflow: inherit;
}

.white-color {
    color: #ffffff;
}

.text-color-red {
    color: red !important;
}

.align-item-base {
    align-items: baseline;
}

.justify-text {
    text-align: justify;
}

.p-t-b-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

.p-b-60 {
    padding-bottom: 60px !important;
}

.mb-40 {
    margin-bottom: 40px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-b-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.comparison-p {
    padding-left: 20px;
}

.social-media-bg {
    width: 32px;
    height: 32px;
    background: #2238FF1F 0% 0% no-repeat padding-box;
    border-radius: 16px;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 8px;
}

.justify-text {
    text-align: justify;
}

.date-and-time-icon {
    width: 18px !important;
    height: 18px !important;
    margin-right: 8px;
}

.similar-post {
    text-align: center;
    font: normal normal 24px/35px Poppins;
    letter-spacing: 0px;
    color: #2A7CED;
    opacity: 1;
}

.fixed-socialmedia-icon-blog {
    position: fixed;
    z-index: -1;
}

.white-bg {
    background-color: #ffffff;
}

.blog-c {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.blog-share-icon {
    width: 28px;
    height: 28px;
}

.social-media-bg-blog {
    width: 42px;
    height: 42px;
    background: #2238FF1F 0% 0% no-repeat padding-box;
    border-radius: 50%;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 8px;
}

#senzmatica-iot-kits,
#senzmatica-iot-core,
#senzmatica-ai-core,
#apply-form,
#publish-card,
#fireside-form {
    scroll-margin-block-start: 70px;
}

.medtech-banner {
    background: linear-gradient(to right,
            #1f2122 0%,
            #1f2122 100%,
            /* #f9fbfc 50%,
        #f9fbfc 100% */
        );

    padding-bottom: 0 !important;
}

.feature-item-with-img {
    display: flex;
}

.feature-item-with-img label {
    padding-left: 10px;
    text-align: start;
}

.feature-item-with-img img {
    height: 25px;
    width: 25px;
}

.medtech-form {
    display: flex;
    flex-direction: column;
    width: 80%;
    /* flex-wrap: wrap;
    justify-content: space-between; */
}

.checkbox-input {
    padding: 5px 20px;
    box-sizing: border-box;
    border: 2px solid grey;
    border-width: 0px 0px 2px 0px;
}

.checkbox-input:focus {
    outline: none;
    border-width: 0px 0px 2px 0px;
}

.file-upload {
    width: 100%;
    display: block;
    padding: 0.375rem 0rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
}

.cohort {
    font-size: 14px !important;
}

.cohort p {
    font-size: 14px !important;
}

.cohort h4 {
    font-size: 16px !important;
}

.medtech-card {
    width: auto;
    padding: 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 20px #55629A29;
    border-radius: 10px;
    opacity: 1;
    transition: box-shadow 0.3s ease-in-out;
    margin: 10px;
}

.medtech-card h3 {
    margin: 10px 0px 24px 14px;
}

.medtech-card p {
    margin: 0px 0px 0px 10px;
    font-size: 13px;
    color: #9f9f9f;
}

.medtech-card ul {
    position: relative;
    padding: 0%;
    font-size: 16px;
    margin: 10px 0px 0px 10px;
    font-weight: 400;
    display: flex;
    flex-direction: column;
}

.medtech-card ul li {
    list-style: none;
    width: 100%;
    padding-bottom: 20px;
    display: flex;
}

.medtech-card span {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: #0264E91A;
    display: inline-block;
    border-radius: 20%;
    margin-right: 10px;
    transform: translateY(-2px);
}

.medtechnology p {
    display: flex;
    flex-direction: row;
}

.medtechnology p:after {
    content: "";
    flex: 1 1;
    border-bottom: 1px solid black;
    margin: auto;
    opacity: 0.1;
    margin-left: 5px;
}

.meditech-image {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: auto;
    padding: 0px 0px 20px 0px !important;
}

.meditech-shadow{
    background-image: url('/images/meditech/Doctor.webp');
    background-color: #D8D8D8;
    background-size: contain;
    background-position: right center;
    /* min-height: 100vh; */
    height: 810px;
    display: flex;
    background-repeat: no-repeat;
    justify-content: center;
    align-items: center;
    width: 100%;
} 
.publish-shadow {
    background-image: url('/images/meditech/bg-image.webp');
    /* min-height: 100vh; */
    /* height: 620px; */
    display: flex;
    background-size: cover;
    background-repeat: no-repeat;
    /* justify-content: center; */
    align-items: center;
    width: 100%;
}

/* Card appearance for publish form when used in publish card */
.publish-form {
    width: 100%;
    padding: 16px 20px 20px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 35px #55629A29;
    border-radius: 10px;
    opacity: 1;
    transition: box-shadow 0.3s ease-in-out;
}

.publish-form h2 {
    font-size: 20px;
    font-weight: 600;
    color: #2B3543;
    margin: 0 0 4px;
}

.publish-form label {
    font-size: 14px;
    color: #2B3543;
    margin-bottom: 4px;
}

.fireside-form {
    display: flex;
    flex-direction: column;
    width: 80%;
    margin-top: 10px;
    /* flex-wrap: wrap;
    justify-content: space-between; */
}

.fireside-form .row-1 {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.fireside-form .row-1 input {
    width: 100%;
}

.fireside-form .row-1 .job-form-label {
    text-align: left;
    font-size: 14px;
    color: #000000;
    width: 100%;
}

.fireside-form .row-1 .form-group {
    display: flex;
    flex-direction: column;
    align-content: space-between;
}

.calendar-container {
    display: flex;
    align-items: center;
    margin: 0px 10px 0px 0px;
    background: #2A7CED;
    border-radius: 10px;
    height: 65px;
}

.calendar-container .calendar-icon {
    display: flex;
}

.calendar-container .calendar-icon img {
    width: 30px;
    height: 30px;
}

.calendar-container .date-time {
    display: flex;
    font-size: 14px;
    margin: 5px;
    flex-direction: column;
}

.date-time-container {
    display: flex;
    align-items: center;
    padding: 0px;
    background-color: #fff;
    width: 100%;
    box-shadow: 0px 4px 24.5px 0px #00000026;
    border-radius: 10px;
    height: 65px;
    padding-left: 5px;
}

.date-time p {
    margin: 0px;
}

.fireside-shadow {
    /* background-image: url('/images/fireside/WebFiresideBanner.png'); */
    background-color: #DCDCDC;
    background-size: contain;
    background-position: right center;
    /* min-height: 100vh; */
    /* height: 810px; */
    display: flex;
    background-repeat: no-repeat;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.invisible-button {
    position: absolute;
    width: 22.5%;
    height: 21%;
    bottom: 6%;
    left: 45%;
    opacity: 0.5;
    border-radius: 10rem;
}

.red-text {
    color: red;
}

.fireside-upcoming {
    padding: 8px 14px;
    border-radius: 30px;
    font-weight: 600;
    background: #2A7CED26;
    color: #2A7CED;
    border: 0.6px solid #2A7CED;
    width: auto;
    min-width: 0;
    max-width: 100%;
    margin: 10px 0px 16px 0px;
    text-align: center;
    font-size: 12px;
    line-height: 1.3;
    white-space: nowrap;
}
.fireside-recording {
  padding: 8px 14px;
  border-radius: 30px;
  font-weight: 600;
  /* 5% green, rest white */
  background: #10C45D26;
  border: 0.6px solid #10C45D;
  color: #10C45D;
  width: auto;
  min-width: 0;
  max-width: 100%;
  margin: 5px 0px 5px 0px;
  text-align: center;
  font-size: 12px;
  line-height: 1.3;
  white-space: nowrap;
}

.fireside-number {
    padding: 8px 14px;
    border-radius: 30px;
    font-weight: 600;
    background: #2A7CED26;
    color: #2A7CED;
    border: 0.6px solid #2A7CED;
    width: auto;
    min-width: 0;
    max-width: 100%;
    margin: 5px 0px 5px 0px;
    text-align: center;
    font-size: 12px;
    line-height: 1.3;
    white-space: nowrap;
}
.fireside-previous {
    padding: 8px 14px;
    border-radius: 30px;
    font-weight: 600;
    background: #FFF5EE26;
    border: 0.6px solid #FFAC1C;
    color: #FFAC1C;
    width: auto;
    min-width: 0;
    max-width: 100%;
    margin: 5px 0px 5px 0px;
    text-align: center;
    font-size: 12px;
    line-height: 1.3;
    white-space: nowrap;
}

.profile-modal .close {
    position: absolute;
    top: -5px;
    right: -5px;
    cursor: pointer;
    color: #7F7C7C;
    font-size: 20px;
    border: none;
    margin: 10px;
    background: none;
}

.tourism-shadow {
    background-image: url('/images/tourism/digital-tourism-cover-photo.webp');
    background-color: black;
    opacity: 1;
    z-index: 1;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    /* min-height: 100vh; */
    height: 810px;
    display: flex;
    background-repeat: no-repeat;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.text-transform-upp {
    text-transform: uppercase;
}

.nav-margin {
    margin-top: 100px;
}

.title-big {
    text-align: center;
    font-size: 32px;
    font-weight: 600;
}

.image-frame {
    border: 4px solid #b8b8b8;
}

.solution-shadow {
    background-color: black;
    opacity: 2;
    z-index: 1;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    min-height: 50vh;
    height: 810px;
    display: flex;
    background-repeat: no-repeat;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 64px;
}

.sport-shadow {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/images/sports/Sports-tech-cover-photo.webp');
}

.agri-shadow {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/images/agriculture/agriculture-technology-cover-photo.webp');
}

.retail-shadow {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/images/retail/technology-in-Retail-cover-photo.webp');
}

.solution-card-tag {
    padding: 5px;
    border-radius: 10px;
    font-weight: 400;
    background: #2A7CED;
    color: white;
    width: 110px;
    margin: 5px 0px 10px 0px;
    text-align: center;
    font-size: 12px;
}

.tech-features {
    width: 100%;
    padding-bottom: 40px;
}

.tech-features h2 {
    margin-block-start: 0px;
    margin-block-end: 0px;
    font-size: 28px;
    Font-weight: 600;
}

.tech-features h3 {
    margin-block-start: 0px;
    margin-block-end: 0px;
    color: #636363;
}

.tech-features .feature-list {
    width: 100%;
    background-color: #FFFFFF;
}

.tech-features .feature-list .row {
    display: flex;
    align-items: center;
    flex-flow: row;
    justify-content: center;
}

.tech-features .feature-list .row .feature-item {
    padding: 20px 25px 0px 25px;
    width:100%;
    height: 380px;
    margin: 8px;
    border-radius: 10px;
    box-shadow: 0px 5px 15px #2C49651F;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-evenly;
    color: #ffffff;
}

.tech-features .feature-list .row .feature-item h4 {
    color: #080808;
    text-align: center;
    margin: 0%;
    margin-top: 8px;
    font-size: 16px;
    font-weight: 600;
}

.tech-features .feature-list .row .feature-item label {
    color: #080808;
    font-size: 14px;
    margin-top: 15px;
    text-align: center;
}

.tech-features .feature-list .row .feature-item hr {
    background-color: #2A7CED;
    height: 3px;
    width: 100px;
    margin-block-start: 0.5em;
    -webkit-margin-after: 0.5em;
    margin-block-end: 0.5em;
    border: none;
}

.hero-senz-img-col-solution {
    width: 60%;
}

.medtechnology .client-logo {
    display: flex;
    flex-direction: row;
    align-items: center;
    grid-template-columns: repeat(auto-fit, minmax(120px, auto));
    gap: 14px;
    justify-content: center;   
    justify-items: center;     
}


.medtechnology .client-logo img {
    width: auto;
    object-fit: contain;
    height: 42px;
}


.topic h1 {
    display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
}

.sub-aiot {
    display: flex;
    /* justify-content: space-between; */
    margin: 5px 0px 5px 0px;
}

.sub-aiot a {
    background: #dae2ee 0% 0% no-repeat padding-box;
    /* padding: 5px 0px 5px 0px; */
    border-radius: 4px;
    width: 30%;
    text-align: center;
    font-size: 12px;
    /* display: inline-block; */
    margin: 0 5px;
    padding: 5px 0;
}

.sub-aiot a:hover {
    background: #C7CEDA;
}

/* SenzAgro Video  */
.video iframe {
    width: 100%;
    height: 180%;
}

.video_player {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 100px;
    margin-bottom: 200px;
}

.polar-customer-videos {
  padding: 80px 0 72px;
  background:
    radial-gradient(circle at top left, rgba(59,130,246,0.06), transparent 55%),
    #f9fafb;
}

.polar-customer-videos__header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 32px;
}

.polar-customer-videos__subtitle {
  margin-top: 8px;
  margin-top: 16px !important;
  color: #64748b;
}

.polar-customer-videos__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 24px;
}

.polar-video-card {
  border-radius: 18px;
  padding: 16px 16px 18px;
  background: #ffffff;
  color: #020617;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
  text-align: left;
  border: 1px solid rgba(226, 232, 240, 1);
}

.polar-video-card--preview {
  cursor: pointer;
  border: 0;
  width: 100%;
  margin-top: 16px;
  text-align: left;
}

.polar-video-card__thumbWrapper {
  position: relative;
  border-radius: 14px;
  overflow: hidden;
}

.polar-video-card__thumb {
  width: 100%;
  height: auto;
  display: block;
}

.polar-video-card__play {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(circle, rgba(15,23,42,0.1), transparent 55%);
}

.polar-video-card__playIcon {
  width: 56px;
  height: 56px;
  border-radius: 999px;
  background: rgba(15,23,42,0.92);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #f9fafb;
  font-size: 22px;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.9);
}

.polar-video-card__frame {
  position: relative;
  padding-top: 56.25%;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 12px;
}

.polar-video-card__frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.polar-video-card__title {
  margin: 10px 0 4px;
  font-size: 1.05rem;
  font-weight: 600;
}

.polar-video-card__description {
  margin: 0;
  font-size: 0.9rem;
  color: #64748b;
}

@media (min-width: 768px) {
  .polar-customer-videos__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.video {
    flex: 1 1 45%;
    max-width: 500px;
}

/* SenzAgro CTA Button */
.outline-button {
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    color: #0FC55B;
    background-color: transparent;
    border: 2px solid #0FC55B;
    border-radius: 4px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.sa-device {
    margin-bottom: 60px;
}

.nowrap {
    white-space: nowrap;
}

.fireside-row p {
    margin-right: 10px;
}

.font-style {
    color: gray;
}

.fireside-row {
    display: flex;
    /* align-items: center; */
}

.register h3 {
    margin-left: 120px;
    color: black;
    color: gray;
}

.register {
    margin-bottom: 330px;
}

.webi-senz {
    background-image: url('/images/tecnical-blog/webinar-desktop.webp');
    background-size: cover;
    background-position: center center;
    min-height: 45vw;
    display: flex;
    background-repeat: no-repeat;
    justify-content: center;
    align-items: center;
}

.txt-style {
    color: white;
}

.event-bootcamp,
.event-webinar {
    position: absolute;
    margin-top: 135px;
    margin-left: 150px;
    padding: 6px;
    font-weight: 500;
    border-radius: 5px;
    width: 100px;
    height: 35px;
    text-align: center;
}

.event-bootcamp {
    background: #BFD6FA;
    color: #2A7CED;
}

.event-webinar {
    background: #BFF6C3;
    color: #0A6847;
}


.event-cards {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 20px;
}

.event-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    border-radius: 8px;
    margin: 10px;
    padding: 20px;
    max-width: 600px;
    width: 100%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.event-card-row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.event-image-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 10px;
}

.event-image {
    width: 70px;
    border-radius: 50%;
    margin-bottom: 10px;
}

.event-name,
.event-speakername {
    text-align: center;
}

.event-speakername {
    font-weight: bold;
    padding: 0px;
    margin: 0px;
}

.event-name {
    margin-top: 10px;
    margin-bottom: 0px;
    padding: 0px;
}

.event-card-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.event-title {
    font-size: 1.2em;
    font-weight: bold;
}


.event-intro {
    font-size: 1em;
    margin-bottom: 10px;
}


/* .primary-button:hover {
    background-color: #005bb5;
  } */


/* Event - Search Bar */
.filter-bar {
    display: flex;
    gap: 25rem;
    margin-bottom: 1rem;
}

.filter-bar input {
    padding: 0.5rem;
    font-size: 1rem;
    border-radius: 20px;
    border: none;
    background-color: #f5f5f5;
    outline: none;
    margin-left: 20px;
}

/* Event - Drop Down box */
section.event-filters .dropdown {
    position: relative;
    width: 300px;
    height: 50px;
}

section.event-filters .dropdown input {
    position: absolute;
    top: 0;
    left: 0;
    width: 180px;
    height: 35px;
    cursor: pointer;
    background: #f5f5f5;
    border: none;
    outline: none;
    padding: 8px 20px;
    border-radius: 10px;
}

section.event-filters .dropdown .option {
    position: absolute;
    top: 40px;
    width: 180px;
    background: #fff;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    overflow: hidden;
    left: 20px;
    /* display: none; */
}

.text-box {
    font-family: 'Poppins';
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.text-box {
    position: relative;
}

.dropdown-arrow {
    position: absolute;
    width: 20px;
    margin-left: 165px;
    margin-top: 5px;
    float: right;
}


section.event-filters .dropdown .option div {
    padding: 8px 20px;
    cursor: pointer;
}

section.event-filters .dropdown .option div:hover {
    background: #2A7CED;
    color: #fff;
}

.polar-pack-cons {
    margin-top: 10px;
}


.navbar-separation {
    width: 100px;
    height: 66px;
}

.img-lora {
    width: 450px;
    height: auto;
    margin-top: 50px;
    margin-left: 50px;
}

.crypto-img {
    width: 450px;
    height: auto;
    margin-top: 100px;
    margin-left: 50px;
}

.wifi-img {
    width: 400px;
    height: auto;
    margin-top: 100px;
    margin-left: 50px;
}

.wireless-img {
    width: 400px;
    height: auto;
    margin-top: 27px;
    margin-left: 50px;
}

.img-real-time {
    width: 400px;
    height: auto;
    margin-top: 100px;
}

.img-transforming {
    width: 400px;
    height: auto;
    margin-top: 100px;
}

.img-banana {
    width: 430px;
    height: auto;
    margin-top: 100px;
    margin-left: 50px;
}

.img-server {
    margin-top: 25px;
}

.img-monitoring,
.img-sup-chain,
.img-cold {
    margin-top: 85px;
    margin-left: 50px;
    width: 400px;
    height: auto;
}

.img-right,
.img-smart-watch,
.img-IIoT,
.img-trace,
.img-forklift {
    margin-top: 85px;
}

.img-insurance,
.img-drug {
    margin-top: 100px;
    margin-left: 50px;
    width: 300px;
    height: auto;
}

.nav-bar-container {
    margin-right: auto;
    margin-left: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    padding-top: 10px;
    padding-bottom: 8px;
    margin-left: 3%;
    margin-right: 3%;
}

/*--------------AIot----------------*/
.aiot-lab-list {
    display: flex;
    justify-content: space-between;
    gap: 0;
}

.solution-column {
    flex: 2;
    background-color: #ffffff;
}

.services-column {
    flex: 0.67;
    background-color: #F1F4FF;
}

.aiot-sub-header {
    color: #133372;
    font-weight: 600;
    text-decoration: underline;
    margin: 8px;
}
.medtech-sub-header {
    color: #2A7CED;
    font-weight: 600;
    font-size: 14px;
    margin: 8px;
}

.service-sub-dec {
    color: #6F6D6D;
    font-weight: 400;
    font-size: 12px;
    margin-top: 0px;
    margin-right: 50px;
}

.vertical-line {
    border-left: 3px solid #E4EAF3;
    height: 350px;
    margin-right: 30px;
    margin-top: 50px;
    border-radius: 5px;
}
.medtech-header-home {
    display: flex;
    align-items: center;
}

.service-header {
    display: flex;
    align-items: center;
}

.service-icon {
    width: 20px;
    height: 20px;
    margin-right: 8px;
}

.industry-list-content {
    width: auto !important;
    margin-right: 30px;
}
.medtech-nav-bar-header {
    color: #2A7BEC;
    padding: 30px 20px 20px 5px;
}

.services-nav-bar-header {
    color: #2A7BEC;
    padding-left: 30px;
}

.aiot-header-topic {
    color: #2A7BEC;
    margin-top: 20px;
    margin-left: 60px;
    margin-bottom: 0;
}

.aiot-header-line {
    margin-left: 5.3%;
    margin-right: 5.3%;
    margin-top: 20px;
    background-color: #E4EAF3;
    height: 2px;
    border-radius: 10px;
    border: none;

}

.aiot-header-line::after {
    content: '';
    display: block;
    height: 2px;
    width: 100%;
    background-color: #2A7BEB;
    margin-top: 10px;
}

.aiot-header-line::before {
    content: '';
}

.solution-sub-content {
    display: grid;
    grid-template-columns: 1fr 0.8fr 1fr 1fr;
    column-gap: 16px;
    column-width: auto;
}



.aiot-service-header-topic {
    margin-bottom: 0;
}

.sub-content-text {
    margin-bottom: 30px;
}


.service-image {
    width: 400px;
    height: auto;
    margin-top: 40px;
}

.services-flex {
    margin-top: 0;
}

/*-----------Platform----------------*/

.platform-nav-bar-flex {
    display: flex;
    /* margin-left: 38px; */
    border-radius: 5px;
}

.platform-column .platform-nav-bar-flex > .nav-bar-all-list,
.platform-column .platform-nav-bar-flex > .platform-nav-bar-all-list,
.platform-column .platform-nav-bar-flex > .specific-platform-list-content,
.platform-column .platform-nav-bar-flex > .industry-list-content {
    flex: 1 1 0;
}
.company-content .platform-nav-bar-flex > .specific-platform-list-content {
    width: 45rem !important;
}

.specific-platform-list-content {
    width: auto !important;
    background-color: #F1F4FF;
}

/* .platform-vertical-line {
    border-left: 3px solid grey;
    height: 220px;
    margin-right: 30px;
    margin-top: 80px;
    border-radius: 5px;
    opacity: 20%;
} */

.platform-container {
    display: grid;
    grid-template-columns: 1fr 1fr;

}

.platform-column {
    flex: 3;
    background-color: #ffffff;
}

.resource-column {
    flex: 1;
}

.platform-body {
    margin-right: 35px;
}

.platform-image {
    width: auto;
    height: 150px;
}

.platform-sub-dec {
    color: #6F6D6D;
    font-weight: 400;
    font-size: 12px;
    margin-bottom: 20px;
}

.platform-senzmatica {
    padding-top: 30px;
}

.platform-nav-bar-all-list {
    margin-top: 20px;
    width: auto;
}

.platform-item .platform-body p:hover {
    color: #2A7CED;
}

.service-item .service-sub-dec:hover {
    color: #2A7CED;
}

.platform-item .platform-body:hover h3 {
    color: #2A7CED;
}

.platform-body h3 {
    color: #133372;
}

/*----------resource---------------------*/
.resource-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, auto);
}

.resource-item {
    margin-top: 30px;
}

.sc-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

/*--------------company------------------*/
.company-content-main {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.sub-content-text u {
    color: #2B2C2C;
    text-decoration: none;
}


.by-industry-btn {
    color: white;
}

.point .value {
    font-weight: 600;
}

.col-4 {
    width: 33.33%;
}

section.platform .content {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-bottom: 0px;
    padding-top: 50px;
}

section.platform .container .sc-list {
    margin-top: 0px;
    display: flex;
    flex-wrap: wrap;
    text-align: left;
}

section.platform .container .sc-list .story-item {
    padding: 8px;
    border-radius: 10px;
    /* background-color: #2A7BEC; */
    width: 48%;
    margin: 10px;
    transition: all .5s;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    height: auto;
}

section.platform .container .sc-list .story-item {
    background-color: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    transition: background-color 0.3s ease, color 0.3s ease;
    border: #fff solid 3px;
}

section.platform .container .sc-list .story-item:hover {
    border: #2A7BEC solid 3px;
}

section.platform .container .sc-list .story-item h3,
section.platform .container .sc-list .story-item p {
    color: #666;
    transition: color 0.3s ease;
}

section.platform .container .sc-list .story-item img {
    width: 100%;
    height: 230px;
    border-radius: 2px;
}

section.platform .container .sc-list .story-item h3 {
    font-size: 20px;
    font-weight: 600;
    text-align: left;
    margin: 20px 0 0 0px;
}

section.platform .container .sc-list .story-item p {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    margin: 20px 0 0 0px;
}


section.platform .content a {
    width: auto;
    height: 2.8em;
    border: 1px solid #2A7BEC;
    border-radius: 10px;
    background-color: #FFFFFF;
    font-weight: 500;
    font-size: 1em;
    line-height: 150%;
    text-align: center;
    color: #2A7BEC;
    transition: transform 0.3s ease;
}

section.platform .content a:hover {
    background-color: #2A7BEC;
    color: #FFFFFF;
    transform: scale(1.03);
}

.dp-function {
    background-color: #ECF4FF;
    padding: 20px 0px 20px 0px;
}

.dp-function .value-content {
    display: flex;
    flex-direction: column;
    margin: 10px;
    align-items: flex-start;
}

.dp-function .value-content h2 {
    font-size: 22px;
    font-weight: 600;
    text-align: left;
    color: #000000;
}

.dp-function .value-content p {
    font-size: 14px;
    font-weight: 400;
    text-align: justify;
    color: #6F6D6D;
}

header.dp-header {
    width: 100%;
    overflow: hidden;
    /* background: rgba(241, 244, 255, 1); */
    background: #FAFAFA;
    opacity: 1;
    height: 640px;
}

.header-line {
    display: flex;
    width: 100%;
    height: 60px;
    background: rgba(19, 51, 114, 1);
    position: fixed;
    top: 65px;
    padding: 0px 10px 0px 10px;
    align-items: center;
    z-index: 1100;
}

.header-line h1 {
    display: flex;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 20px;
    align-items: center;
}

header.dp-header .container {
    margin-top: 80px !important;
    display: -webkit-flex;
    display: flex;
    position: relative;
    padding-top: 40px;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    text-align: left;
    z-index: 2;
}

header.dp-header .container p,
.dp-function-p {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-weight: 600;
    color: #005B96 !important;
    margin-bottom: 5px;
}

header.dp-header .container h1 {
    margin-bottom: 10px;
    color: #000;
    font-size: 32px;
    line-height: 1.3;
}

header.dp-header .card-box-1 .half {
    width: 80%;
}

.dp-feature .count-sec p {
    font-size: 16px;
    font-weight: 400;
    color: black;
    text-align: center;
}

.dp-feature .count-sec-count {
    width: 100% !important;
}

.dp-feature .line {
    height: 120px !important;
}

.dp-header .card-box-1 {
    display: flex;
    flex-direction: column;
}

.dp-header .card-box-1 h4 {
    margin-bottom: 30px;
}

.dp-header iframe {
    width: 100%;
    height: 160%;
    border-radius: 30px;
    margin-top: 55px;
}

/* Device Pulse Secondary Button Variant - For Dark Backgrounds */
.interactive-btn-secondary-devicepulse {
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    border: 2px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 4px 14px 0 rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
}

.interactive-btn-secondary-devicepulse:hover {
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.5);
    box-shadow: 0 6px 20px 0 rgba(255, 255, 255, 0.2);
    transform: translateY(-2px);
}

.interactive-btn-secondary-devicepulse:active {
    transform: translateY(0) scale(0.98);
    box-shadow: 0 2px 10px 0 rgba(255, 255, 255, 0.15);
}

/* Device Pulse Interactive Buttons */
.dp-interactive-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 32px;
    font-weight: 600;
    font-size: 16px;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid transparent;
}

.dp-interactive-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s ease;
}

.dp-interactive-btn:hover::before {
    left: 100%;
}

.dp-btn-primary {
    background: linear-gradient(135deg, #005B96 0%, #0077B6 100%);
    color: #ffffff;
    box-shadow: 0 4px 14px 0 rgba(0, 91, 150, 0.3);
}

.dp-btn-primary:hover {
    background: linear-gradient(135deg, #0077B6 0%, #0096C7 100%);
    box-shadow: 0 6px 20px 0 rgba(0, 91, 150, 0.4);
    transform: translateY(-2px);
}

.dp-btn-primary:active {
    transform: translateY(0);
    box-shadow: 0 2px 10px 0 rgba(0, 91, 150, 0.3);
}

.dp-btn-secondary {
    background: transparent;
    color: #005B96;
    border: 2px solid #005B96;
    box-shadow: 0 4px 14px 0 rgba(0, 91, 150, 0.15);
}

.dp-btn-secondary:hover {
    background: #005B96;
    color: #ffffff;
    box-shadow: 0 6px 20px 0 rgba(0, 91, 150, 0.4);
    transform: translateY(-2px);
}

.dp-btn-secondary:active {
    transform: translateY(0);
    box-shadow: 0 2px 10px 0 rgba(0, 91, 150, 0.3);
}

.dp-btn-arrow {
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    flex-shrink: 0;
    display: inline-block;
}

.dp-interactive-btn:hover .dp-btn-arrow {
    transform: translateX(3px);
}

.dp-interactive-btn:active .dp-btn-arrow {
    transform: translateX(5px);
}

.dp-interactive-btn:active {
    transform: translateY(0) scale(0.98);
}

.dp-btn-mobile {
    width: 100%;
    justify-content: center;
}

/* Device Pulse hero CTA hierarchy */
.dp-hero-ctas {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 14px;
    margin-top: 4px;
    max-width: 100%;
}

.dp-hero-ctas__primary .dp-interactive-btn {
    min-width: 200px;
}

.dp-hero-ctas__secondary {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

.dp-hero-ctas__secondary .dp-interactive-btn {
    padding: 14px 22px;
    font-size: 15px;
}

.dp-hero-ctas--mobile-wrap {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
}

.dp-hero-ctas--mobile {
    width: 100%;
    gap: 12px;
}

.dp-hero-ctas--mobile .dp-hero-ctas__secondary {
    flex-direction: column;
    width: 100%;
    gap: 10px;
}

@media (max-width: 768px) {
    .dp-interactive-btn {
        padding: 12px 24px;
        font-size: 14px;
    }

    .dp-hero-ctas__secondary .dp-interactive-btn {
        padding: 12px 24px;
        font-size: 14px;
    }
}

/* Universal Interactive Button Styles - Can be used across all pages */
.interactive-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 32px;
    font-weight: 600;
    font-size: 16px;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid transparent;
}

.interactive-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s ease;
}

.interactive-btn:hover::before {
    left: 100%;
}

.interactive-btn-arrow {
    transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    flex-shrink: 0;
    display: inline-block;
}

@keyframes interactive-btn-arrow-bounce {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(4px);
    }
    100% {
        transform: translateX(0);
    }
}

.interactive-btn:hover .interactive-btn-arrow {
    animation: interactive-btn-arrow-bounce 0.45s ease-out;
}

.interactive-btn:active .interactive-btn-arrow {
    transform: translateX(5px);
}

.interactive-btn:active {
    transform: translateY(0) scale(0.98);
}

/* Theme Color Variants */
.interactive-btn-primary {
    background: linear-gradient(135deg, #2A7CED 0%, #3b82f6 100%);
    color: #ffffff;
    box-shadow: 0 4px 14px 0 rgba(42, 124, 237, 0.3);
}

.interactive-btn-primary:hover {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    box-shadow: 0 6px 20px 0 rgba(42, 124, 237, 0.4);
    transform: translateY(-2px);
}

.interactive-btn-primary:active {
    transform: translateY(0) scale(0.98);
    box-shadow: 0 2px 10px 0 rgba(42, 124, 237, 0.3);
}

/* Theme Blue Primary Button */
.interactive-btn-primary-theme {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    color: #ffffff;
    box-shadow: 0 4px 14px 0 rgba(59, 130, 246, 0.3);
    border: none;
}

.interactive-btn-primary-theme:hover {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    box-shadow: 0 6px 20px 0 rgba(59, 130, 246, 0.4);
    transform: translateY(-2px);
}

.interactive-btn-primary-theme:active {
    transform: translateY(0) scale(0.98);
    box-shadow: 0 2px 10px 0 rgba(59, 130, 246, 0.3);
}

.interactive-btn-primary-theme:focus-visible {
    outline: 2px solid #60a5fa;
    outline-offset: 2px;
}

/* Device Pulse Blue Theme */
.interactive-btn-devicepulse {
    background: linear-gradient(135deg, #005B96 0%, #0077B6 100%);
    color: #ffffff;
    box-shadow: 0 4px 14px 0 rgba(0, 91, 150, 0.3);
}

.interactive-btn-devicepulse:hover {
    background: linear-gradient(135deg, #0077B6 0%, #0096C7 100%);
    box-shadow: 0 6px 20px 0 rgba(0, 91, 150, 0.4);
    transform: translateY(-2px);
}

.interactive-btn-devicepulse:active {
    transform: translateY(0) scale(0.98);
    box-shadow: 0 2px 10px 0 rgba(0, 91, 150, 0.3);
}

/* Mosurance Orange Theme */
.interactive-btn-mosurance {
    background: linear-gradient(135deg, #FF6B35 0%, #ff5722 100%);
    color: #ffffff;
    box-shadow: 0 4px 14px 0 rgba(255, 107, 53, 0.3);
}

.interactive-btn-mosurance:hover {
    background: linear-gradient(135deg, #ff5722 0%, #e64a19 100%);
    box-shadow: 0 6px 20px 0 rgba(255, 107, 53, 0.4);
    transform: translateY(-2px);
}

.interactive-btn-mosurance:active {
    transform: translateY(0) scale(0.98);
    box-shadow: 0 2px 10px 0 rgba(255, 107, 53, 0.3);
}

/* Solar Track Theme */
.interactive-btn-solar {
    background: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);
    color: #ffffff;
    box-shadow: 0 4px 14px 0 rgba(245, 158, 11, 0.3);
}

.interactive-btn-solar:hover {
    background: linear-gradient(135deg, #D97706 0%, #B45309 100%);
    box-shadow: 0 6px 20px 0 rgba(245, 158, 11, 0.4);
    transform: translateY(-2px);
}

.interactive-btn-solar:active {
    transform: translateY(0) scale(0.98);
    box-shadow: 0 2px 10px 0 rgba(245, 158, 11, 0.3);
}

/* Secondary/Outlined Variant */
.interactive-btn-secondary {
    background: transparent;
    color: #2A7CED;
    border: 2px solid #2A7CED;
    box-shadow: 0 4px 14px 0 rgba(42, 124, 237, 0.15);
}

.interactive-btn-secondary:hover {
    background: #2A7CED;
    color: #ffffff;
    box-shadow: 0 6px 20px 0 rgba(42, 124, 237, 0.4);
    transform: translateY(-2px);
}

.interactive-btn-secondary:active {
    transform: translateY(0) scale(0.98);
    box-shadow: 0 2px 10px 0 rgba(42, 124, 237, 0.3);
}

@media (max-width: 768px) {
    .interactive-btn {
        padding: 12px 24px;
        font-size: 14px;
        width: 270px; /*fix width for primary & secondary mobile btn*/
    }
}

section.upcoming-data {
    overflow: hidden;
    padding-top: 20px;
    background-color: #F1F4FF;
    position: relative;
}

section.upcoming-data .container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.upcoming-data::before,
.upcoming-data::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 530px;
    background: url('/images/upcoming/AI-line.webp') no-repeat;
    background-size: cover;
    z-index: 1;
}

.upcoming-data::before {
    left: 0;
    transform: rotate(180deg);
}

.upcoming-data::after {
    right: 0;
    z-index: 1;
}

.coming-title {
    display: flex;
    align-self: center;
    justify-content: center;
    display: block;
    z-index: 2;
}

.coming-title p {
    font-size: 16px;
    font-weight: 600;
    align-self: center;
}

.coming-title-release {
    margin-top: -12px;
}

.upcoming-line {
    width: 2.5px;
    height: 100px;
    background-color: #CBDDFD;
    margin-left: 10px;
}

.coming-event-content {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    z-index: 2;
}

.event-content-pic img {
    width: 120px;
    height: auto;
    margin-right: 20px;
    margin-top: 20px;
}

.event-content {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
    margin-top: 14px;
}

.event-content-header h5 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

.event-content-intro p {
    margin: 0;
    font-size: 14px;
}

section.upcoming-data .coming-pluse {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    cursor: pointer;
    z-index: 2;
}

section.upcoming-data .coming-pluse h5 {
    font-size: 16px;
    color: #007BFF;
    cursor: pointer;
    margin-top: 15px;
    font-weight: 600;
}

section.upcoming-data .coming-pluse h5::after {
    content: ' ➔';
    font-size: 16px;
    margin-left: 5px;
}

.custom-file-upload {
    width: 100%;
    height: 40px;
    padding-top: 10px;
    font-weight: 500;
}

.custom-file-label {
    border: #ced4da 1px solid;
    padding: 5px;
    border-radius: 5px;
    cursor: pointer;
}

.spinner {
    width: 16px !important;
    height: 16px !important;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-right: 8px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.sub-speaker {
    margin-top: 0px;
    font-size: 12px;
    text-align: center;
    color: grey;
    font-weight: 500;
}

.country {
    margin-top: 0px;
    margin-bottom: 6px;
    font-size: 12px;
    text-align: center;
    color: grey;
    font-weight: 500;
}

.social-media-section {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 50px;
}

.social-media-icon img {
    width: 50px;
    height: auto;
    cursor: pointer;
}

.social-media-icon img:hover {
    transform: scale(1.1);
    transition: transform 0.3s ease;
}

.webinar4-responsive-banner {
    position: relative;
    width: 95%;
    height: auto;
    text-align: center;      /* centers inline elements like <img> */
    margin: 0 auto;          /* centers the container */         /* add left & right spacing */
    box-sizing: border-box;
}

.webinar4-web-banner {
    display: block;
    width: 98%;
    height: auto;
    margin-top: 35px;
    margin-right: 20px;
    margin-left: 20px;
    /* padding: 0 30px;   */
    border-radius: 15px;
}

.webinar4-mob-banner {
    display: none;
    width: 100%;
    height: auto;
}

.social-sec-top {
    text-align: center;
    margin-top: 50px;
}

.text-color-head {
    color: #2A7CEC;
    font-size: 18px;
    font-weight: 550;
}

.device-pulse-content {
    gap: 20px;
}

.device-pulse-select-sec {
    width: 200%;
    display: flex;
    flex-direction: column;
}

.device-pulse-item {
    cursor: pointer;
    color: grey;
    width: 100%;
    padding-bottom: 24px;
}

.device-pulse-item.active p {
    color: black;
    font-weight: 500;
}

.device-pulse-line {
    width: 60px;
    height: 5px;
    background-color: #D9D9D9;
    opacity: 2;
    border-radius: 5px;
    border: none;
    transition: width 0.3s ease, background-color 0.3s ease;
    margin-left: 0;
}

.device-pulse-item.active .device-pulse-line {
    background-color: #2A7CEC;
    width: 100px;
}

.device-pulse-ai-img {
    width: 2000px;
    height: auto;
}

.device-pulse-para {
    color: grey;
}

.device-pulse-button {
    width: 25%;
    height: 2.8em;
    border: none;
    border-radius: 0.5em;
    background-color: #2A7CEC;
    font-weight: 600;
    font-size: 1em;
    line-height: 150%;
    color: #ffffff;
    transition: transform 0.3s ease;
    margin-top: 32px;
}

.footer-sub-topic {
    color: #000000 !important;
    margin-top: 0px !important;
}

.footer-sub {
    margin-top: 0px !important;
    margin-bottom: 10px !important;
    font-weight: 500 !important;
}

.footer-social-bgcircle {
    width: 40px;
    height: 40px;
    /* background-color: white; */
    border-radius: 50%;
    /* box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25); */
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-social-bgcircle:hover {
    background-color: #DAE2EE;
}

.social-image-grid {
    gap: 10px;
    justify-content: left;
}

.feature-item {
    border: 3px solid transparent;
    transition: border-color 0.3s ease;
}

.feature-item:hover {
    border-color: #2A7CEC;

}

.solution-button {
    width: 150px;
    height: 2.4em;
    border: none;
    border-radius: 0.5em;
    background-color: #0264E91A;
    font-weight: 600;
    font-size: 1em;
    line-height: 150%;
    color: #0FC45C;
    transition: transform 0.3s ease;
    margin-bottom: 10px;
}

.solution-hero-button {
    width: 150px;
    height: 2.8em;
    border: 1px solid #0FC45C;
    border-radius: 0.5em;
    background-color: transparent;
    font-weight: 600;
    font-size: 1em;
    color: #0FC45C;
    transition: transform 0.3s ease;
    margin-top: 30px;
}

.color-green {
    color: #0FC45C !important;
}

.our-solution-topic {
    text-align: center;
    margin-top: 50px;
    margin-bottom: -30px;
}

.medtech-card .title-with-image {
    display: flex;
    align-items: center;
    width: 24px;
    height: auto;
}

.medtech-card .hide-image {
    display: none;
}

.medtech-card .solution-dec {
    margin-left: 34px;
}

.solution-card ul {
    position: relative;
    padding: 0%;
    font-size: 14px;
    display: flex;
    flex-direction: column;
}

.solution-card ul li {
    list-style: none;
    width: 100%;
    padding-bottom: 20px;
    display: flex;
    align-items: center;
}

.solution-card span {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: #0264E91A;
    display: inline-block;
    border-radius: 20%;
    margin-right: 10px;
    transform: translateY(-2px);
}

.company-text-card {
    background-color: #F2F4F5;
    border-radius: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    width: 150px;
    height: 50px;
    font-size: 14px;
    font-weight: 500;
    word-wrap: break-word;
    align-content: center;
    justify-content: center;
    margin-bottom: 20px;
}

.mr-16 {
    margin-right: 16px;
}

.solution-pg-image {
    display: flex;
    flex-direction: row;
    width: auto;
    height: 500px;
    padding: 0px 75px 0px 75px !important;
}

.solution-cplan-image {
    display: flex;
    flex-direction: row;
    width: auto;
    height: 400px;
    padding: 50px 0px 0px 50px !important;
}

.solution-cnote-image {
    display: flex;
    flex-direction: row;
    width: auto;
    height: 500px;
    padding: 50px 0px 0px 50px !important;
}

.solution-diet-image {
    display: flex;
    flex-direction: row;
    width: auto;
    height: 400px;
    padding: 0px 75px 0px 75px !important;
}

.solution-tech-pg {
    padding-left: 0px !important;
}
.pt-24 {
    padding-top: 24px;
}

.align-item-c {
    align-items: center;
}

.ml-auto {
    margin-left: auto !important;
}

section.blog-post .container h1 {
    font-weight: bold;
    text-align: center;
    margin-block-end: 0px;
    line-height: 0.4;
}

section.blog-post .container .sc-list {
    margin-top: 40px;
    display: flex;
    margin-bottom: 40px;
    text-align: left;
}

section.blog-post .container .sc-list .story-item {
    width: 32%;
    /* margin: 0px; */
    transition: all .5s;
    cursor: pointer;
    height: auto;
    margin: 8px;
}


.blog-side-card {
    display: flex;
    align-items: center;
}

.blog-section-bgbox {
    background-color: #F9F9F9;
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #CBDDFD;
    margin-top: 20px;
    margin-bottom: 20px;
}

.blog-side-card-image {
    width: 50px;
    height: 50px;
    object-fit: cover;
    margin-right: 24px;
    border-radius: 5px;
}

.card-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
    padding-left: 10px;
}

.blog-card-arrow {
    /* align-self: flex-end; */
    width: 24px;
    height: 24px;
    /* margin-bottom: -5px; */
}

.related-blogs .story-item {
    border-radius: 5px;
    background-color: #FFFFFF;
    margin: 20px;
    transition: all .5s;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    overflow: hidden;
}

.related-blogs .story-item .body {
    padding: 30px;
}

.related-blogs .story-item .body h3 {
    font-weight: 600;
    margin-block-start: 0px;
    margin-block-end: 0px;
    font-size: 14px;
}

.related-blogs .story-item .body label {
    font-size: 12px;
    font-weight: 500;
    color: #9f9f9f;
}

.related-blogs .story-item img.post-image {
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: 8px;
}

.related-blogs .story-item .body p {
    font-size: 11px;
    color: #646464;
    text-align: justify;
}

.related-blogs .story-item {
    padding: 25px;
    border-radius: 5px;
    background-color: none;
    width: 30%;
    margin: 10px;
    transition: all .3s;
    box-shadow: none;
    cursor: pointer;
    height: 485px;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.06);
}

.social-media-container img,
.time-to-read-container img {
    margin: 6px 6px 6px 0;
    width: 12px;
    filter: grayscale(20%);
}

.social-media-label,
.time-to-read-label {
    font-size: 14px;
    color: red;
}

/*************End to end ******************/

/* Modern End to End Technology Stacks Container */
.end-to-end-modern-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 32px;
    margin-top: 48px;
    padding: 0;
    position: relative;
}

/* Modern Card Design */
.end-to-end-modern-card {
    position: relative;
    height: 100%;
    min-height: 380px;
    perspective: 1000px;
}

.end-to-end-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    background: var(--surface);
    border-radius: 20px;
    padding: 2rem 1.75rem;
    box-shadow: var(--shadow-card);
    border: 1px solid var(--border);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.end-to-end-modern-card:hover .end-to-end-card-inner {
    transform: translateY(-8px);
    box-shadow: 0 12px 40px rgba(42, 124, 236, 0.15);
    border-color: rgba(42, 124, 236, 0.3);
}

/* Card Overlay for Gradient Effect on Hover */
.end-to-end-card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(42, 124, 236, 0.05);
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
    border-radius: 20px;
}

.end-to-end-modern-card:hover .end-to-end-card-overlay {
    opacity: 1;
}

/* Card Header */
.end-to-end-card-header {
    position: relative;
    z-index: 2;
    margin-bottom: 24px;
}

.end-to-end-step-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.end-to-end-step-number {
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #1d4ed8;
    background: rgba(239, 246, 255, 0.9);
    border-radius: 999px;
    padding: 4px 12px;
}

.end-to-end-step-line {
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, rgba(148, 163, 184, 0.2), rgba(37, 99, 235, 0.45));
}

.end-to-end-card-title {
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--text);
    margin: 0;
    line-height: 1.4;
    transition: color 0.4s ease;
    letter-spacing: -0.02em;
}

/* Keep hover elevation only – no color change for title */
.end-to-end-modern-card:hover .end-to-end-card-title {
    color: var(--text);
}

/* Card Body */
.end-to-end-card-body {
    position: relative;
    z-index: 2;
    flex: 1;
}

.end-to-end-points-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.end-to-end-point-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 0;
    transition: all 0.3s ease;
}

.end-to-end-point-item:hover {
    transform: translateX(4px);
}

.end-to-end-check-icon {
    width: 24px;
    height: 24px;
    min-width: 24px;
    background: rgba(42, 124, 236, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2A7CEC;
    font-size: 14px;
    font-weight: 700;
    transition: all 0.3s ease;
    flex-shrink: 0;
    margin-top: 2px;
}

.end-to-end-point-text {
    font-size: 0.95rem;
    line-height: 1.6;
    color: var(--text-muted);
    transition: color 0.3s ease;
    flex: 1;
}

/* Keep hover elevation only – keep body text color consistent */
.end-to-end-modern-card:hover .end-to-end-point-text {
    color: var(--text-muted);
    font-weight: 500;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .end-to-end-modern-container {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 24px;
    }
    
    .end-to-end-card-inner {
        padding: 28px;
        min-height: 360px;
    }
}

@media (max-width: 768px) {
    .end-to-end-modern-container {
        grid-template-columns: 1fr;
        gap: 24px;
        margin-top: 32px;
    }
    
    .end-to-end-card-inner {
        padding: 24px;
        min-height: auto;
    }
    
    .end-to-end-card-title {
        font-size: 20px;
    }
}

@media (max-width: 480px) {
    .end-to-end-card-inner {
        padding: 20px;
        border-radius: 16px;
    }
    
    .end-to-end-point-text {
        font-size: 15px;
    }
    
    .end-to-end-points-list {
        gap: 14px;
    }
}

/* Legacy styles for backward compatibility */
.card-container {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

.stack-card {
    display: flex;
    align-items: flex-start;
    background-color: white;
    border-radius: 8px;
    padding: 20px;
    width: 40%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s ease, color 0.3s ease;
}

.card-icon img {
    width: 32px;
    height: 32px;
}

.card-title {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 600;
    color: #001925;
    transition: color 0.3s ease;
    margin: 0; 
    max-width: 90%;
    word-wrap: break-word;
}

.card-points li {
    margin-bottom: 5px;
    color: black;
    transition: color 0.3s ease;
}

.stack-card:hover {
    background-color: #2A7CEC;
    color: white;
}

ul.points {
    list-style: none;
    padding: 0;
}

ul.points li {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 10px;
    color: #707070;
}

ul.points li img {
    margin-right: 10px;
    width: 20px;
    height: 20px;
}

.endtech-text-style {
    font-size: 16px;
    color: #1D293F;
}

.stack-card:hover .card-title,
.stack-card:hover .card-points div {
    color: white;
}

.stack-card:hover .card-icon img,
.stack-card:hover .check-circle {
    filter: brightness(0) invert(1);
}

.check-circle {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    align-self: flex-start;
}


/**************************Our service*************************/

.background-color-grey {
    background-color: #F9F9F9;
    height: auto;
}

/**************************Scroll*************************/

@keyframes scroll {
    0% {
        top: 10px;
        opacity: 1;
    }

    50% {
        top: 25px;
        opacity: 0.5;
    }

    100% {
        top: 10px;
        opacity: 1;
    }
}

.sec-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    margin-block-start: 0px;
    margin-block-end: 0px;
}

section.client-names .client-logo {
    display: flex;
    flex-direction: row;
    margin: 0 auto;
    /* padding: 0 70px; */
    align-items: center;
    justify-content: space-between !important;
}

/* section.client-names .client-logo img {
    width: 80px;
} */

.client-names {
    padding: 20px;
    /* text-align: center; */
}

.client-names p {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 10px;
}

.client-names span {
    display: block;
    font-size: 1rem;
    color: #666;
    margin-bottom: 20px;
}

.client-logo {
    display: grid;
    gap: 50px;
    justify-content: center;
    align-items: center;
    grid-template-columns: repeat(7, auto);
}

.senzmates-products img {
    width: 100px;
    height: auto;
}

.home-pg-title {
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    background: #2A7CED !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-transform: uppercase !important;
    margin-bottom: 20px !important;
    font-size: 0.95rem !important;
}

.senz-awards img {
    width: 120px !important;
}

.our-platform-content {
    display: flex;
    flex-direction: column;
}

.ceo-card {
    position: relative;
    background-color: #fff;
    border-radius: 20px;
    padding-top: 50px;
    text-align: center;
    width: 240px;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.1);
}

.ceo-image {
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 4px solid #2A7CED;
    overflow: hidden;
    background-color: white;
}

.ceo-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ceo-name {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    margin: 10px 0 5px;
}

.ceo-title {
    font-size: 14px;
    color: #333;
}

.story-item {
    position: relative;
    padding: 16px;
}

.matrix-title {
    text-align: center;
}


/*  Device Pulse Pricing Table  */
.Pricing-Section {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 2rem 2rem;
    padding-bottom: 6rem;
    background-color: #f8f8f8;
}


.pricing-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.pricing-text h1 {
    font-weight: 600;
    font-size: 24px;
    color: #090909;
    margin-bottom: 0;
}

.pricing-text p {
    font-weight: 400;
    font-size: 16px;
    color: #4B5768;
    line-height: 1.6;
    margin-bottom: 32px;
}

.pricing-plans {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
}

.plan-card {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    padding: 24px 32px;
    text-align: center;
}

.plan-card:hover {
    background-color: #fff;
    outline: 2px solid #2A7BEC;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    padding: 24px 32px;
    text-align: center;
}

.plan-card h3 {
    font-size: 24px;
    font-weight: 500;
    color: #090909;
    text-align: left;
    margin-bottom: 32px;
}


.plan-details {
    text-align: left;
    margin-bottom: 24px;

}

.plan-feature {
    font-size: 14px;
    font-weight: 400;
    color: #4B5768;
    padding: 8px 0;
    /* border-bottom: 1px solid #e6e6e6; */
}

.plan-cta:hover {
    background-color: #0052a3;
}

.plan-card:hover .plan-cta {
    background-color: #2A7BEC;
    color: #fff;
    transform: scale(1.02);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}



.plan-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 24px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    border: 1px solid #2563eb;
    color: #2563eb;
    background: white;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
    line-height: 1;
    margin-top: auto;

}

.premium-cta {
    margin-top: 60px;
}

.Enterprice-cta {
    margin-top: 100px;
}

.plan-cta:hover {
    background: #EFF6FF;
}

.arrow-icon {
    width: 20px;
    height: 20px;
    margin-left: 8px;
    display: flex;
    align-self: center;
}

.price-card-details {
    display: flex;
    flex-direction: row;
    align-items: top;
    gap: 8px;
}

.check-icon {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
}

.mag-iotcore-column,
.pub-care-column {
    flex-basis: 100% !important;
}

.ml-100 {
    margin-left: 75px !important;
}

.ml-200 {
    margin-left: 150px !important;
}

section.whysmart .title h2 {
    margin-block-start: 0px;
    margin-block-end: 0px;
    display: flex;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    /*font-size: 35px;*/
    font-weight: 600;
    margin-bottom: 14px;
}

section.whysmart .title span {
    margin-block-start: 0px;
    margin-block-end: 0px;
    display: flex;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    font-size: 14px;
    font-weight: 600;
    color: #0D7791;
    margin-bottom: 14px;
}

section.whysmart .title p {
    margin-block-start: 0px;
    margin-block-end: 0px;
    display: flex;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    font-size: 14px;
    color: #4d5560;
}

section.whysmart .doctor-widget {
    border-radius: 14px;
    background-color: #fff;
    width: 420px;
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    margin-block: 24px;

}

section.whysmart .doctor-widget .doctor-widget-des .doctor-widget-img img {
    width: 120px;
    height: auto;
    object-fit: cover;

}


section.whysmart .doctor-widget .doctor-widget-des h4 {
    color: #4d5560;
    font-size: 16px;
    margin-bottom: 0px;
    margin-top: 14px;
}

section.whysmart .doctor-widget .doctor-widget-des p {
    color: #4d5560;
    font-size: 14px;
    padding-right: 10px;
    padding-left: 4px;
}

header.header_smartcare {
    width: 100%;
    overflow: hidden;
    background: rgb(255, 255, 255);
    opacity: 1;
    height: 700px;
    background-size: 850px;
    background-repeat: no-repeat;
    background-position: calc(50vw - 255px) 20px;
}

header.header_smartcare .container {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    position: relative;
    margin-top: 0px;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    z-index: 2;
}

header.header_smartcare .container h4 {
    color: #a7a7a7;
}

.module-title {
    width: 400px;
    align-content: center;
    text-align: left;
    font-weight: 500;
    font-size: 14px;
}


.module-des ul {
    margin-left: 8px;
    margin-right: 20px;
    font-size: 14px;
    color: #4B5768;
}

.smartcare-primary-button {
    cursor: pointer;
    text-decoration: none;
    background: #0D7791 0% 0% no-repeat padding-box;
    padding: 10px 40px;
    color: #ffffff;
    border-radius: 4px;
    font-weight: 600;
    box-shadow: 0px 3px 6px #2d365630;
}

section.smartcare-module .title h2 {
    margin-block-start: 0px;
    margin-block-end: 0px;
    display: flex;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    /*font-size: 35px;*/
    font-weight: 600;
    margin-bottom: 14px;
}

section.smartcare-module .title span {
    margin-block-start: 0px;
    margin-block-end: 0px;
    display: flex;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    font-size: 14px;
    font-weight: 600;
    color: #0D7791;
    margin-bottom: 14px;
}

section.smartcare-module .title p {
    margin-block-start: 0px;
    margin-block-end: 0px;
    display: flex;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    font-size: 14px;
    color: #4d5560;
}

section.smartcare-module .doctor-widget {
    border-radius: 14px;
    background-color: #fff;
    height: 120px;
    width: 350px;
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    margin-block: 24px;

}

section.smartcare-module .doctor-widget .doctor-widget-des .doctor-widget-img img {
    height: 80px;
}

section.smartcare-module .doctor-widget .doctor-widget-des h4 {
    color: #4d5560;
    font-size: 16px;
    margin-bottom: 0px;
}

section.smartcare-module .doctor-widget .doctor-widget-des p {
    color: #4d5560;
    font-size: 14px;
    margin-top: 0px;
}

section.smartcare-module .ai-module .ai-modules-sec .module-title {
    background-color: #ECF5F7;
    border-radius: 8px;
    width: 100%;
    padding: 10px 10px;
    color: #0D7791;
    font-weight: 600;
    cursor: pointer;
    margin-bottom: 12px;
}

section.smartcare-module .ai-module .ai-modules-sec .module-title img {
    margin-right: 20px;
}

section.smartcare-module .ai-module .ai-modules-sec .module-des {
    border-radius: 8px;
    background-color: #fff;
    height: 100px;
    width: 100%;
    padding-top: 8px;
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    margin-block: 5px;
}

section.smartcare-module .ai-module .ai-modules-sec .module-title.active {
    background-color: #ecf5f7;
    color: #0D7791 !important;
    font-weight: 600;
}

section.smartcare-module .ai-module .ai-modules-sec .module-title.inactive {
    background-color: #F9F9F9;
    color: #4B5768;
}

.doctor-img {
    opacity: 0;
    transform: translateX(-100%);
    transition: all 0.8s ease-in-out;
}

.animate-left {
    opacity: 1;
    transform: translateX(0);
    animation: slide-in-left 0.8s forwards ease-in-out;
}

@keyframes slide-in-left {
    from {
        transform: translateX(-100%);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.doctor-widget {
    opacity: 0;
    transform: translateX(100%);
    transition: all 0.8s ease-in-out;
}

.animate-right {
    opacity: 1;
    transform: translateX(0);
    animation: slide-in-right 0.8s forwards ease-in-out;
}

@keyframes slide-in-right {
    from {
        transform: translateX(100%);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.delay-0 {
    animation-delay: 0s;
}

.delay-1 {
    animation-delay: 0.2s;
}

.delay-2 {
    animation-delay: 0.4s;
}

.smartcare-pricing-section {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 2rem 2rem;
    padding-bottom: 6rem;
}

section.smartcare-pricing-section .plan-card:hover {
    background-color: #fff;
    outline: 2px solid #0D7791;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    padding: 24px 32px;
    text-align: center;
}

section.smartcare-pricing-section .plan-cta:hover {
    background-color: #0D7791;
}

section.smartcare-pricing-section .plan-card:hover .plan-cta {
    background-color: #0D7791;
    color: #fff;
    transform: scale(1.02);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}


section.smartcare-pricing-section .plan-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 24px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    border: 1px solid #0D7791;
    color: #0D7791;
    background: white;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
    line-height: 1;
    margin-top: auto;
}

section.smartcare-pricing-section .plan-cta:hover {
    background: #0D7791;
}

section.smartcare-pricing-section .arrow-icon {
    width: 20px;
    height: 20px;
    margin-left: 8px;
    display: flex;
    align-self: center;
    color: #0D7791;
}

section.smartcare-pricing-section .plan-card:hover .plan-cta .arrow-icon {
    background-color: #0D7791;
    color: #fff;
}

section.latest-products {
    padding-top: 12px;
    padding-bottom: 1px !important;
    background-color: #f7f7f7;
}

section.latest-products .latest-products-title {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
}

section.latest-products .latest-products-item {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    display: flex;
    min-height: 100%;
    height: auto;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 5px;
}

section.latest-products .latest-products-image {
    height: 150px;
    width: 260px;
    overflow: hidden;
    padding: 10px;

}

section.latest-products .latest-products-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    margin-top: 8px;
}

section.latest-products .latest-products-content {
    padding-top: 0px;
    padding-right: 20px;
    padding-left: 20px;
}

section.latest-products .latest-products-name {
    font-size: 16px;
    font-weight: 700;
    /* margin: 0; */
    padding-top: 20px;
    color: #4B5768;
    margin-left: 20px;
}

section.latest-products .latest-products-description {
    font-size: 14px;
    color: black !important;
    margin: 0;
    margin-left: 20px;
    padding: 0 40px;
}

.smartcare-pricing-section .pricing-plans {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.plan-card {
    flex: 0 1 340px;
}

.gif-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.algorithm-gif {
    max-width: 100%;
    height: auto;
}

.features-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 16px;
}

.features-table tr {
    border-bottom: 1px solid #ddd;
}

.features-table td {
    vertical-align: top;
    padding-bottom: 10px;
    padding-top: 10px;
}

.feature-icon {
    width: 30px;
}

.feature-key {
    color: #4B5768;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
}

.price-span {
    font-weight: 400 !important;
    color: gray;
    font-size: 14px;
    margin-left: 10px;
}

section.latest-products .coming-pluse {
    display: flex;
    justify-content: start;
    cursor: pointer;
    z-index: 2;
    margin-left: 20px;
    margin-top: -28px;
    margin-bottom: -10px;
}

.smart-pirce-head {
    font-weight: 600 !important;
    font-size: 18px !important;
    color: #0D7791 !important;
}

.doctor-widget-des {
    display: flex;
    align-items: center;
    width: 400px;
    transition: width 0.3s ease-in-out;
}


/*Support Page*/
.support-container {
    background-color: #F6F6F6;
    padding-bottom: 60px;
}

.products-container {
    margin: 24px 120px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}

.product-card {
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: #fff;
    border-radius: 8px;
    padding: 4px 16px;
    outline: 2px solid #EEF1F7;
}

.product-card:hover {
    outline: 2px solid #2A7BEC;
    cursor: pointer;
}

.product-icon {
    width: 200px;
    height: 80px;
    background-color: #F2F5F8;
    border-radius: 16%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 24px;
}

.product-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: -10px;
}

.product-description {
    color: #555;
    font-size: 12px;
    font-weight: 400;
}

.other {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 500;
}

.clickhere {
    color: #2A7BEC;
    margin-left: 4px;
    text-decoration: underline;
    cursor: pointer;
}

.support-image {
    width: 98.9vw;
    overflow: hidden;
    position: relative;
    margin: 72px auto;
}

.support-image img {
    width: 100%;
    height: auto;
    display: block;
}

.support-title {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translateX(-50%);
    color: white;
    text-align: center;
    justify-items: center;
}

.support-title p {
    color: #2A7BEC;
    padding: 8px 24px;
    width: fit-content;
    background-color: #ffffff;
    margin-bottom: -24px;
}

.support-title h1 {
    font-size: 48px;
    font-weight: 500;
}


/*Support Page Submit Form*/
.support-form-container {
    display: flex;
    flex-direction: column;
    margin: 60px 60px;
    padding: 40px 20px;
}

.form-top-items {
    display: flex;
    flex-direction: row;
    gap: 16px;
}

.form-top-items .form-group {
    flex: 1;
}

.support-breadcrumb {
    font-size: 14px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.support-breadcrumb .separator {
    margin: 0 8px;
}

.submit-form {
    padding: 24px 48px 48px 48px;
    border: 2px solid #EEF1F7;
    border-radius: 12px;
}

.form-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 40px;
}

.support-form {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 24px;
}

.support-form .form-group {
    grid-column: span 1;
}

.support-form label {
    display: block;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
}

.support-form input,
.support-form textarea,
.support-form select {
    font-family: 'Poppins', sans-serif;
    resize: none;
    width: 100%;
    padding: 12px 16px;
    font-size: 16px;
    border: 1px solid #E0E0E0;
    border-radius: 4px;
    background-color: #F9F9F9;
    outline: none;
}

.support-form textarea {
    height: 160px;
}

.support-form select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 24px;
}

.submit-button {
    background-color: #007BFF;
    color: #FFFFFF;
    padding: 12px 60px;
    font-size: 16px;
    font-weight: 500;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    width: fit-content;
    align-content: right;
    font-family: 'Poppins', sans-serif;
}

.button-container {
    text-align: right;
}

.submit-button:hover {
    background-color: #0056B3;
}

.St-bread {
    padding: 8px 16px;
    border: 2px solid #EEF1F7;
    color: #4E5983;
    border-radius: 8px;
}

.Product-Name {
    padding: 8px 16px;
    border: 2px solid #EEF1F7;
    color: #4E5983;
    border-radius: 8px;
}

.gap-50 {
    gap: 50px;
}

.advisory-primary-button {
    cursor: pointer;
    text-decoration: none;
    background: #2A7CED 0% 0% no-repeat padding-box;
    padding: 10px 40px;
    color: #ffffff;
    border-radius: 4px;
    font-weight: 600;
    font-size: 16px;
    box-shadow: 0px 3px 6px #2d365630;
    border: none;
    outline: none;
    font-family: "Poppins";
}


.innovation-section {
    background-color: #F9F9F9;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
}

.innovation-section h4 {
    color: #545454;
    font-size: 16px;
    font-weight: 400;
}

.h1-wrapper {
    text-align: center;
}

.h1-wrapper-para p {
    font-size: 16px;
    color: #9A9B9B;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    margin: 5px 60px 10px 60px;
    padding: 0px 74px 0px 74px;
}

@media (max-width: 768px) {
    .h1-wrapper-para p {
        padding: 5px;
        margin: 5px;
    }
}

.inovation-img {
    width: 500px;
    height: auto;
}

.display-flex.header-sec {
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-intro {
    text-align: center;
}

.consultation-card {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    padding: 20px;
}

.consultation-card .respo-item {
    background-color: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    gap: 16px;
}

.response-card .respo-item {
    padding: 10px 20px;
    display: flex;
    align-items: center;
    gap: 16px;
}

.consultation-card p {
    font-size: 16px;
    color: #2E2C2C;
}


.values .benefit-value-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 200px;
    height: 250px;
}

.values .benefit-value-content-new {
    /*border: 1px solid;*/
    background-color: #FFFFFF;
    border-radius: 4px;
    width: 45%;
    /*height: auto;*/
    padding-top: 30px;
    padding-bottom: 30px;
    align-items: flex-start;
    padding-left: 30px;
}

@media (max-width: 768px) {
    .values .benefit-value-content-new {
        width: 90%;
        height: auto;
    }
}

.values .benefit-divider {
    align-self: center;
    height: 100%;
    width: auto;
}

.form-container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 2rem;
    background-color: #fff;
    border-radius: 8px;
}

.form-title {
    text-align: left;
    margin-bottom: 2rem;
    font-size: 18px;
}

.form-row {
    display: flex;
    gap: 1.5rem;
}

.form-row .form-group {
    flex: 1;
}

.form-group {
    margin-bottom: 1.5rem;
}

.form-label {
    display: block;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0.5rem;
}

.form-input,
.form-select,
.form-textarea {
    display: block;
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 16px;
    border: 1px solid #C6C6C6;
    border-radius: 4px;
    background-color: #fff;
    transition: border-color 0.2s, background-color 0.2s;
}

.form-input:focus,
.form-select:focus,
.form-textarea:focus {
    outline: none;
    border-color: #3b82f6;
    background-color: #fff;
}

.form-select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 1.5em;
}

.form-textarea {
    resize: vertical;
    min-height: 100px;
}

.form-checkbox {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.form-checkbox input {
    margin-right: 0.5rem;
}

.form-button {
    display: block;
    width: 20%;
    padding: 0.75rem 1rem;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background-color: #2A7CED;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.2s;
    margin-left: auto;
}

.form-button:hover {
    background-color: #2563eb;
}

.text-red {
    color: red;
}

header.header_advisory {
    width: 100%;
    overflow: hidden;
    background: rgb(255, 255, 255);
    opacity: 1;
    height: 550px;
    background-size: 850px;
    background-repeat: no-repeat;
    background-position: calc(50vw - 255px) 20px;
}
@media screen and (max-width: 768px) {
    header.header_advisory {
        height: 460px;
    }
    .client-logo.senzmates-products {
    height: 270px !important;
}
}
header.header_advisory .container {
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    position: relative;
    margin-top: 0px;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    z-index: 2;
}

header.header_advisory .container h4 {
    color: #a7a7a7;
}

section.benefit-values .content {
    padding-bottom: 0px !important;
    padding-top: 40px !important;
}

section.benefit-values {
    overflow: hidden;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.eligibility-container {
    max-width: 1000px;
    margin: 0 auto;
}

.header {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.header img {
    width: 40px;
    height: 40px;
    margin-right: 20px;
}

.header h2 {
    font-size: 24px;
    font-weight: bold;
    margin: 0;
}

.star-list {
    list-style-type: none;
    padding-left: 0;
}
.star-list li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
    color: #3D3C3C;
    gap: 16px;
}

.eligibility-box {
    border-radius: 12px;
    /* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);  */
    /*padding: 30px;*/
    max-width: 1000px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.eligibility-img {
    width: auto;
    height: 40px;
}

.eligibility-imgNew {
    width: 500px;
    height: auto;
}

.eligibility-content {
    background-color: #FFFFFF;
    height: 10%;
    width: auto;
    border-radius: 8px;
    padding: 0px 36px;
    flex: 1 1 47%;
}

.benefit-value-content img {
    width: 72px;
}

.benefit-value-content-new img {
    width: 54px;
    height: 54px;
    background-color: #F8F8F8;
    padding: 12px;
    /*border: 1px solid;*/
    border-radius: 100%;
}

.advisory-respo-img {
    width: auto;
    height: 350px;
}

.eligibility-box-img {
    flex: 1 1 47%;
}

/*Webinar Timer*/


.Timer_container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 60px;
    border-radius: 16px;
    padding: 24px 40px;
    text-align: center;
    border: solid 2px #DEE3EA;

}


/* Webinar Title Section */
.Webinar_Title {
    margin: 24px 8px;
}

.Title_SenzMate {
    color: #8FA0B8;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 2px;
}

.SenzMate_text {
    color: #2A7BEC;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 2px;
}

.Webinar_Name {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    padding: 8px 0;
}


.year_Text {
    color: #324054;
}

.Title_WillBeIn {
    color: #8FA0B8;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 6px;
}

/* Timing Section */
.Timing {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
}

.Timing_Text {
    font-size: 32px;
    font-weight: bold;
    color: #1F2937;
}

/* TimeUnit Component Styles */
.time_unit {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

/* Numbers row container */

.time_value {
    font-size: 32px;
    font-weight: 600;
    color: #324054;
    width: 64px;
    text-align: center;
}

.time_label {
    font-size: 14px;
    color: #8FA0B8;
    font-weight: 400;
    text-transform: uppercase;
    width: 64px;
    text-align: center;
}

.Timing_Text {
    font-size: 32px;
    font-weight: 600;
    color: #324054;
    margin: 0 4px;
    padding-bottom: 28px;
}



.pt-12 {
    padding-top: 12px !important;
}

.worldMap {
    width: 1000px;
    align-self: center;
}

.web-milestone {
    background-image: url('/images/Milestone/mpath.svg');
    background-repeat: no-repeat;
    background-position: center;
    height: 185vh;
    width: 100%;
    padding-top: 52px;
    margin-bottom: 120px;
}

section.web-milestone .year {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    background-color: white;
    border-radius: 50%;
    font-size: 16px;
    color: #4B5563;
    font-weight: 500;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

section.web-milestone .sep-dot {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background-color: #2A7CEC;
    border-radius: 50%;
    position: relative;
}

section.web-milestone .sep-dot::after {
    content: "";
    width: 8px;
    height: 8px;
    background-color: white;
    border-radius: 50%;
    position: absolute;
}

section.web-milestone .milestone-year {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-right: 50px;
    margin-top: -68px;
}

section.web-milestone .desc {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 260px;
    height: 120px;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #f9f9f9;
    border: 0px solid #ddd;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-align: center;
}

section.web-milestone .desc img {
    max-width: 100px;
    height: auto;
}

section.web-milestone .desc p {
    font-size: 14px;
    color: #333;
}

section.web-milestone .stone-set {
    display: flex;
    justify-content: center;
    margin-bottom: 110px;
}

.mob-milestone-container {
    display: none;
}


/*AIoT Lab Page Changes*/
.sub-topic {
    color: #9f9f9f;
    font-size: 14px;
    text-align: center;
    display: block;
    margin-bottom: 20px;
}

/* Add this to position child elements correctly */

.gap-2-per {
    gap: 2%;
}

.gap-4-per {
    gap: 4%;
}

.flex-wrap {
    flex-wrap: wrap;
}

.res-publish .container .sc-list .w-50 {
    border-radius: 5px;
    background-color: #FFFFFF;
    width: 45%;
    margin: 5px 10px 80px 10px;
    transition: all .5s;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 410px;
}

.res-publish .container .sc-list .w-50 img {
    width: 70%;
    object-fit: cover;
    border-radius: 6px 6px 0 0;
    padding: 22px;
}

@media (max-width: 768px) {
    .res-publish .container .sc-list .w-50 img {
        width: 90%;
        height: auto;
    }
}



.res-publish .container .sc-list .h-400 {
    border-radius: 5px;
    background-color: #FFFFFF;
    width: 30%;
    margin: 10px;
    transition: all .5s;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 400px;
}

.page {
    color: #2A7CED;
}

.page:hover {
    cursor: pointer;
}

.solution-section {
    width: 100%;
    height: auto;
    display: flex;
    background-color: #F8F8F8;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.solution-section-container {
    width: 100%;
    height: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 32px;
    display: flex;
}

.solution-section-heading-container {
    align-self: stretch;
    height: 67px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    margin-top: 94px;
}
.solution-senzcare-height{
    margin-top: 50px;
    height: 30px;
}

.solution-section-heading {
    align-self: stretch;
    text-align: center;
    color: #1A1A1A;
    font-size: 24px;
    font-family: 'Poppins';
    font-weight: 600;
    line-height: 36px;
}

.solution-section-sub {
    align-self: stretch;
    text-align: center;
    color: #2C666B;
    font-size: 18px;
    font-family: 'Poppins';
    font-weight: 500;
    line-height: 27px;
}

.solution-container {
    max-width: 1420px;
    align-self: center;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    margin-bottom: 78px;
}
.solution-row-center{
     flex-wrap: nowrap;
}

.solution-content-container {
    width: 255px;
    padding: 24px 42px 24px 24px;
    background: white;
    border-radius: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: inline-flex;
    height: 212px;
    margin: 0 9px 18px 9px;
    border: 2px solid #ffffff;
}

.solution-content-container:hover {
    border: 2px solid #2C666B;
}

.solution-content {
    align-self: stretch;
    height: 96px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}


.solution-img-container {
    width: 64px;
    height: 64px;
    padding: 8px;
    background: #F8F8F8;
    border-radius: 38px;
    justify-content: center;
    align-items: center;
    display: inline-flex;
}

.solution-img {
    width: 42px;
    height: 42px;
}

.solution-text-heading {
    width: 227px;
    color: #1A1A1A;
    font-style: 16px;
    font-family: 'Poppins';
    font-weight: 600;
    margin-top: 8px;
}

.solution-text {
    align-self: stretch;
    color: #7587A4;
    font-size: 14px;
    font-family: 'Poppins';
    font-weight: 400;
    margin-top: 8px;
}

.demo {
    width: 100%;
    height: auto;
    display: flex;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    justify-content: center;
    align-items: center;
}

.demo-container {
    max-width: 1002px;
    height: auto;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: inline-flex;
}

.demo-heading-container {
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: inline-flex;
    margin-top: 100px;
    margin-bottom: 42px;
}

.demo-heading {
    width: 100%;
    text-align: center;
    color: #1A1A1A;
    font-size: 24px;
    font-family: 'Poppins';
    font-weight: 600;
}

.demo-sub {
    width: 100%;
    text-align: center;
    color: #2C666B;
    font-size: 18px;
    font-family: 'Poppins';
    font-weight: 500;
}

.demo-content-container {
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: inline-flex;
}

.number-row-container {
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    gap: 3px;
    display: inline-flex;
}

.number-row-line {
    width: 70%;
    height: 100%;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
}

.number-row {
    width: 100%;
    height: 100%;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
}

.number-container {
    width: 58px;
    height: 58px;
    padding: 20px;
    background: #2C666B;
    border-radius: 46px;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.number {
    width: fit-content;
    text-align: center;
    justify-content: center;
    color: white;
    font-size: 24px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.number-line {
    width: 100%;
    height: 100%;
    border: 2px dotted #7587A4;
}

.demo-box-container {
    width: 100%;
    height: 100%;
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 103px;
}

.demo-flex-container {
    width: 100%;
    height: 100%;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 24px;
}

.demo-box {
    width: 100%;
    height: 199px;
    padding: 32px 20px 40px 20px;
    background: white;
    border-radius: 14px;
    border: 1px solid #E1EDFF;
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin: 0px 11px;
}

.demo-description-heading {
    width: 100%;
    text-align: center;
    color: #1A1A1A;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    word-wrap: break-word;
}

.demo-description {
    width: 100%;
    text-align: center;
    color: #7587A4;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    word-wrap: break-word;
}

.demo-button-container {
    width: 191px;
    height: 50px;
    padding: 10px;
    background: white;
    border-radius: 6px;
    border: 1.4px solid #2C666B;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-top: 42px;
}

.demo-button-container:hover {
    cursor: pointer;
}

.demo-button {
    color: #2C666B;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    line-height: 48px;
    word-wrap: break-word;
}

.features {
    width: 100%;
    height: auto;
    display: flex;
    background-color: #F8F8F8;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    justify-content: center;
    align-items: center;
}

.features-container {
    width: 100%;
    height: auto;
    background: #F8F8F8;
    justify-items: center;
}

.features-heading {
    width: 100%;
    text-align: center;
    color: #1A1A1A;
    margin-top: 102px;
    font-size: 24px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

.features-subheading {
    width: 100%;
    text-align: center;
    color: #2C666B;
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.custom-circle {
    width: 2291px;
    height: 2291px;
    background: #2C666B;
    border-radius: 9999px;
    z-index: 10;
}

.feature-content-container {
    width: 321px;
    height: 325px;
    padding: 46px 24px;
    background: white;
    border-radius: 24px;
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    margin: 80px 10px 0px 10px;
    transition: transform 0.3s ease-in-out;
}

.feature-content-container:hover {
    transform: translateY(-15px);
}

.feature-content {
    height: 195px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 35px;
}

.feature-img-container {
    width: 78px;
    height: 78px;
    padding: 9px;
    background: #F8F8F8;
    border-radius: 26px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.feature-img {
    width: 45px;
    height: 45px;
}

.feature-description-container {
    align-self: stretch;
    height: 82px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
}

.feature-description-heading {
    align-self: stretch;
    text-align: center;
    color: #1A1A1A;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    word-wrap: break-word;
}

.feature-description {
    align-self: stretch;
    text-align: center;
    color: #7587A4;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    word-wrap: break-word;
}

.features-video-container {
    width: 90%;
    height: auto;
    margin-top: 86px;
    margin-bottom: 89px;
    display: flex;
    justify-content: center;
    justify-items: center;
}

.features-img-container {
    width: 30%;
    display: flex;
    justify-content: center;
    justify-items: center;
}

.features-img {
    width: 90%;
    transition: transform 0.3s ease;
}

.dashboard-section {
    width: 100%;
    height: auto;
    display: flex;
    background-color: #F8F8F8;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    justify-content: center;
    align-items: center;
}

.dashboard-container {
    width: 1002px;
    height: 539px;
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 112px;
    margin-bottom: 152px;
    gap: 40px;
}

.dashboard-flex-row {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}


.read-button-container {
    width: 100%;
    justify-items: right;
}

.read-button {
    padding-right: 50px;
    padding-top: 10px;
    display: inline-flex;
    font-weight: 500;
    float: right;
}

.read-button:hover {
    cursor: pointer;
    color: #2C666B;
}

header.elderscare {
    width: 100%;
    overflow: hidden;
    background: rgb(255, 255, 255);
    opacity: 1;
    height: 550px;
    background-image: url(/images/elderscare/elderscare.webp);
    background-size: 550px;
    background-repeat: no-repeat;
    background-position: calc(70vw - 255px) 150px;
    position: relative;
    z-index: 1;
}

header.elderscare .container {
    margin-top: 100px;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    position: relative;
    padding-top: 24px;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    align-items: flex-start;
    text-align: left;
    z-index: 2;
}

header.elderscare .container h4 {
    color: #565656;
    text-align: left;
}

section.client-names-edult-care .solution-card {
    display: flex;
    flex-direction: column;
    /* Stack items vertically */
    align-items: center;
    /* Center items horizontally */
    justify-content: center;
    /* Center items vertically */
    text-align: center;
    /* Ensure text is centered */
    padding: 20px;
    background-color: #f9f9f9;
    /* Adjust background color if needed */
    border-radius: 8px;
}

section.client-names-edult-care.solution-icon img {
    width: 50px;
    /* Adjust icon size */
    height: auto;
    margin-bottom: 10px;
    /* Space between icon and heading */
}


section.client-names-edult-care .solutions-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding-bottom: 40px;
}

section.client-names-edult-care .solution-card {
    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 2px;
    padding-right: 2px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    border: 2px #fff solid;
    box-sizing: border-box;
    width: 310px;
}
/* Keep the grid for the main layout */
section.client-names-edult-care .solutions-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding-bottom: 40px;
}
/* Style the new container for the last two cards */
section.client-names-edult-care .last-row-container {
    /* Make the container span all three columns */
    grid-column: 1 / -1; 
    
                   /* Use flexbox to center its children */
    display: flex;
    justify-content: center;
    
    /* Add a gap between the last two cards */
    gap: 20px;
}

section.client-names-edult-care .solution-card:hover {
    border: 2px #0D7791 solid;
    box-sizing: border-box;
}

.solution-icon img {
    max-width: 100%;
}

section.client-names-edult-care .solution-card h3 {
    font-size: 16px;
    margin-bottom: 15px;
    color: #0D7791;
    max-width: 80%;
    font-weight: 500;
}

.solutions {
    padding: 60px 0;
    text-align: center;
}

.solutions h2 {
    font-size: 16px;
    margin-bottom: 20px;
    color: #0D7791;
}

.pricing {
    padding: 80px 0;
    text-align: center;
}

.pricing-card {
    max-width: 500px;
    margin: 0 auto;
    padding: 40px;
    border: 3px solid #0D7791;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
}

.pricing-card h2 {
    font-size: 32px;
    margin-bottom: -10px;
    margin-top: 0;
    color: #164863;
    font-weight: 400;
}

.pricing-points {
    margin: 30px 0;
    text-align: left;
}

.pricing-points p {
    margin-bottom: 15px;
    position: relative;
    padding-left: 30px;
}

.pricing-points p:before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #0c8599;
    font-weight: bold;
}

section.pricing .pricing-card .sub-des {
    color: #164863;
}

section.pricing .primary-button {
    cursor: pointer;
    text-decoration: none;
    background: #164863 0% 0% no-repeat padding-box;
    padding: 10px 40px;
    color: #ffffff;
    border-radius: 4px;
    font-weight: 600;
    box-shadow: 0px 3px 6px #2d365630;
}

section.pricing .get-started-btn {
    cursor: pointer;
    text-decoration: none;
    background: #164863 0% 0% no-repeat padding-box;
    padding: 14px 150px;
    color: #ffffff;
    border-radius: 4px;
    font-weight: 600;
    box-shadow: 0px 3px 6px #2d365630;
}

section.cta-edult {
    background: none !important;
}

section.cta-edult .cta-pg-header {
    font-size: 32px;
}

section.cta-edult .cta-pg-subhead {
    font-size: 16px;
    font-weight: 300;
    margin-top: 0 !important;
    margin-bottom: 26px;
}

section.cta-edult .cta-pg-btn {
    color: #2A7CED;
    background-color: white;
}

.care-plan-container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px;
    gap: 50px;
}

.care-plan-image img {
    width: 400px;
    height: auto;
    border-radius: 8px;
}

.care-plan-content {
    max-width: 500px;
}

.subheading {
    font-size: 16px;
    color: #777;
    margin-bottom: 20px;
}

.feature {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 15px;
}

.career-icon {
    width: 14px;
    height: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}

.icon {
    width: 30px;
    height: 30px;
    background: #EAF7FA;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}

.book-demo-btn {
    display: inline-flex;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    gap: 2px;
    color: #0077b6;
    padding: 10px 20px;
    font-weight: 400;
    border-radius: 6px;
    margin-top: 20px;
    transition: 0.3s;
}

.right-arrow {
    width: 16px;
    height: auto;
}

.right-arrow {
    margin-left: 10px;
}

.bookdemo-pg-btn {
    cursor: pointer;
    text-decoration: none;
    background: #0D7791 0% 0% no-repeat padding-box;
    padding: 10px 40px;
    color: #ffffff;
    border-radius: 4px;
    font-weight: 600;
    box-shadow: 0px 3px 6px #2d365630;
}

.webi {
    font-size: 12px;
    font-weight: bold;
    color: #2A7CED;
}

header.japan-it {
    width: 100%;
    overflow: hidden;
    background: rgb(255, 255, 255);
    opacity: 1;
    background-size: 350px;
    background-repeat: no-repeat;
    background-position: calc(70vw - 255px) 150px;
    position: relative;
    z-index: 1;
}

header.japan-it .container {
    margin-top: 40px;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    position: relative;
    padding-top: 24px;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    align-items: flex-start;
    text-align: left;
    z-index: 2;
}

header.japan-it .container h4 {
    color: #565656;
    text-align: left;
}

.japan-it-head-img {
    width: auto;
}

.it-container {
    flex-direction: row;
}

section.about-japan {
    width: 100%;
    overflow: visible;
    height: auto;
    position: relative;
    padding: auto;
    padding-top: 30px;
    padding-bottom: 30px;
}

section.about-japan h1 {
    color: #161616;
    text-align: center;
}

section.about-japan hr {
    width: 20%;
    height: 2px;
    background-color: #2A7CED;
    border: none;
}

section.about-japan p {
    font-size: 14px;
    width: 100%;
    margin-left: auto;
    text-align: center;
    margin-right: auto;
    color: #3B3B3B;
}


section.sm-japan-story {
    width: 100%;
    overflow: visible;
    position: relative;
    padding: auto;
    padding-top: 30px;
}

section.sm-japan-story h1 {
    color: #161616;
    text-align: center;
}

section.sm-japan-story hr {
    width: 20%;
    height: 2px;
    background-color: #2A7CED;
    border: none;
}

section.sm-japan-story p {
    font-size: 14px;
    width: 100%;
    margin-left: auto;
    text-align: center;
    margin-right: auto;
    color: #3B3B3B;
}

.japan-it-subheading {
    font-size: 14px;
    color: #3B3B3B;
    margin-bottom: 20px;
}

.japan-it-feature {
    font-size: 14px;
    color: #6F6F6F;
}

.japan-it-head-title {
    color: #3b3b3b !important;
}

.japan-it-hero-senz {
    background-color: #fff;
    background-size: cover;
    background-position: center center;
    min-height: 50vh;
    display: flex;
    background-repeat: no-repeat;
    justify-content: center;
    align-items: center;
}

.japan-hero-button {
    width: 230px;
    height: 2.8em;
    border: none;
    border-radius: 5px;
    background-color: #2A7CED;
    font-weight: 600;
    font-size: 1em;
    line-height: 150%;
    color: #fff;
    transition: transform 0.3s ease;
}


.event-container {
    display: flex;
    gap: 10px;
    margin-bottom: 24px;
    flex-shrink: 0;
    min-width: max-content;
}

.event-box {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #F9FAFC;
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 400;
    color: #3b3b3b;
}

.sub-text {
    font-size: 14px;
    color: #ddd;
    margin-bottom: 8px;
}

.contact-info {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.contact-item {
    font-size: 16px;
}

.contact-item .japan-contact-img {
    width: 24px !important;
    height: 24px !important;
}

.contact-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.japan-it-footer {
    width: 100%;
    /* Full width background */
}

.content-wrapper {
    max-width: 1000px;
    /* Constrain content width */
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.event-text {
    flex: 1;
    min-width: 300px;
    max-width: 70%;
    text-align: start;
    color: #fff;
}

.contact-info {
    display: flex;
    flex-direction: column;
    gap: 15px;
    justify-content: baseline;
}

.contact-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.contact-item span {
    color: #fff;
}

.button-text:hover {
    cursor: pointer;
}

.mt-68 {
    margin-top: 68px;
}

#IT-menu:focus-visible {
    outline: none;
}

#IT-img:focus-visible {
    outline: none;
}

.overlay {
    position: absolute;
    top: 0;
    left: -10;
    width: 180%;
    height: 94%;
    background: rgba(0, 0, 0, 0.5);
}

.font-size-14 {
    font-size: 14px !important;
}

.plan-cta:hover .arrow-icon path {
    stroke: white !important;
}

.plan-card:hover .arrow-icon path {
    stroke: white !important;
}

.device-pulse-cover-image {
    width: 78%;
    border-radius: 12px;

}

.device-pulse-paragraph {
    font-size: medium;
    font-family: 'Poppins', sans-serif;
}

.device-pulse-paragraph-link {
    color: #2a7ced;
}

.device-pulse-ai-title{
    font-size: 24px !important;
}

@media (max-width: 768px) {
    .device-pulse-ai-title {
        font-size: 14px;
        padding-top: 80px;
    }

    .device-pulse-paragraph {
        font-size: 12px;
    }
}

.reponsibility-image {
    display: flex;
}

.header h1 {
    font-size: 32px;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 10px;
}

.form-container {
    padding: 20px 40px 40px;
    border: 0.8px groove #CCCCCC;
    border-radius: 10px;
}

.form-title {
    font-size: 24px;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 30px;
}

.form-row {
    display: flex;
    gap: 20px;
    /* margin-bottom: 24px; */
}

.form-group {
    flex: 1;
}

.form-group.full-width {
    width: 100%;
}

.profile-card-content {
    display: block;
    font-weight: 400;
    color: #3B3F5C;
    margin-bottom: 8px;
    font-family: 'Poppins', sans-serif;
}

.member-card-content {
    padding-left: 20px;
}

.member-card-content-h4 {
    color: #3B3F5C;
    font-weight: 700;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 0px;
}

.required {
    color: #ef4444;
}

.member-card-content-details {
    display: flex;
    flex-direction: column;
}

input[type="text"],
input[type="email"],
select,
textarea {
    width: 100% !important;
    padding: 10px 16px;
    border: 1px solid #E3E3E3;
    border-radius: 8px;
    font-size: 14px;
    color: #3D4A58;
    background: white;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    font-family: 'Poppins', sans-serif;
}

input[type="text"]:focus,
input[type="email"]:focus,
select:focus,
textarea:focus {
    outline: none;
    /* border-color: #3b82f6; */
    /* box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1); */
}

input::placeholder,
textarea::placeholder {
    color: #C6C6C6;
    font-family: 'Poppins', sans-serif;
}

select {
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 12px center;
    background-repeat: no-repeat;
    background-size: 16px;
    padding-right: 40px;
}

select option:first-child {
    color: #9ca3af;
}

textarea {
    resize: vertical;
    min-height: 120px;
}

.checkbox-group {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 30px 0;
}

input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    cursor: pointer;
}

.checkbox-label {
    font-size: 16px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    color: #646464;
    cursor: pointer;
    margin: 0;
}

.join-us-submit-btn {
    width: 25%;
    background: #3b82f6;
    color: white;
    border: none;
    padding: 14px 24px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.join-us-submit-btn:hover {
    background: #2563eb;
}

.join-us-submit-btn:active {
    transform: translateY(1px);
}

@media (max-width: 768px) {
    .form-container {
        padding: 20px;
    }

    .form-row {
        flex-direction: column;
        gap: 0;
    }

    .header h1 {
        font-size: 28px;
    }

    .form-title {
        font-size: 20px;
    }
}

.join-us-title {
    text-align: center;
    padding: 40px 20px 20px;
    background: white;
}

.join-us-title-text {
    font-size: 32px;
    font-weight: 700;

}

.join-us-form-btn {
    display: flex;
    justify-content: flex-end;
}

.subtitle {
    text-align: center;
    color: #888;
    font-size: 1rem;
    margin-bottom: 32px;
}
.board-grid {
    display: grid;
    grid-template-columns: repeat(2, 551px);
    gap: 28px 24px;
    justify-content: center;
}
.board-grid > .profile-member-card:last-child:nth-child(odd) {
    grid-column: 1 / -1; /* Span both columns */
    justify-self: center; /* Center inside the full-width row */
}


.card.single {
    grid-column: span 2;
    max-width: 420px;
    margin: 0 auto;
}

.avatar {
    width: 126px;
    height: auto;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 24px;
    background: #eaeaea;
}

.card-content {
    flex: 1;
}

.member-card-header {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    justify-content: space-between;
}

.name {
    font-weight: 700;
    font-size: 1.08rem;
    margin-right: 8px;
}

.profile-card-linkedin img {
    width: 24px;
    height: 24px;
    display: flex;
    vertical-align: middle;
}

.title {
    display: block;
    color: #0f172a;
    margin-bottom: 2px;
    font-size: 24px;
    font-weight: 600;
}

.location {
    display: block;
    color: #888;
    font-size: 0.92rem;
    margin-bottom: 10px;
}

.desc {
    color: #555;
    font-size: 0.98rem;
    margin: 0;
    font-size: 14px;
}

.desc a {
    color: #0077b5;
    text-decoration: none;
    font-weight: 500;
    margin-left: 4px;
    font-size: 0.98rem;
}

@media (max-width: 900px) {
    .board-grid {
        grid-template-columns: 1fr;
        gap: 50px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .card.single {
        grid-column: span 1;
        max-width: 100%;
    }

    .subtitle {
        margin-bottom: 50px;
    }

    .eligibility-imgNew {
        width: 100%;
        height: 100%;
    }

    .profile-card-member-img {
        display: flex;
        justify-content: center;
    }

    .res-publish .container .sc-list .w-50 {
        margin: 5px 10px !important;
    }

    .join-us-submit-btn {
        width: 42%;
    }
}


/* .profile-member-card {
    background: white;
    border: 1px solid hsl(0, 0%, 80%);
    border-radius: 10px;
    box-shadow: 5px 5px 5px hsla(0, 0%, 0%, 0.1);
    padding: 20px;
    max-width: 551px;
    width: 100%;
    max-height: 224px;
    display: flex;
    gap: 16px;
    align-items: flex-start;
    position: relative;
    transition: box-shadow 0.3s ease;
} */

.profile-member-card {
    background: white;
    border: 1px solid hsl(0, 0%, 80%);
    border-radius: 11px;
    box-shadow: 5px 5px 5px hsla(0, 0%, 0%, 0.1);
    /* padding: 20px; */
    padding: 40px 32px 32px 32px;
    /* max-width: 551px; */
    width: 551px;
    /* max-height: 267px; */
    height: auto;
    display: flex;
    gap: 32px;
    align-items: flex-start;
    position: relative;
    transition: box-shadow 0.3s ease;
    cursor: pointer;

}

.profile-member-card:hover {
    box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.2);
    /* transform: translateY(-4px); */
}
@media (max-width: 768px) {
  .profile-member-card {
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: auto;
    height: 390px;
    
  }
}
.name {
    text-align: center !important;
    display: block;
    margin: auto;
}
.device-plus-container {
  background-color: #FBFBFB;
}

.device-plus-text {
    text-align: center;
    font-size: 16px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    padding-bottom: 25px;
    color: #646464;
}

.schedule-demo-form {
  max-width: 700px;
  font-family: "Poppins", sans-serif;
}

.form-row {
  display: flex;
  gap: 20px;
}

.form-group {
  flex: 1;
  display: flex;
  flex-direction: row !important;
}

.checkbox-grid {
  display: grid;
  grid-template-columns: 1fr 1fr; /* Two columns on desktop */
  gap: 8px;
  padding-left: 30px;
  padding-top: 12px;
}

.currency-input {
  display: flex;
}

.schedule-demo-btn {
  background: #2D72FF;
  color: white;
  padding: 10px 20px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  margin-left: auto;
}

.section-title {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.newtext {
  margin-top: -290px;
  width: 38%;
}

.bookDemo-form {
  width: 70%;
}

.device-plus-img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
  padding: 18px;
}

.product-sections {
  border-radius: 10px;
}

.devise-plus-list {
  list-style-type: none;
  padding-left: 0;
}

.devise-plus-list li {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  color: #868DAA;
  font-size: 14px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
}

.devise-plus-list svg {
  flex-shrink: 0; /* keeps all icons same size */
}

.device-plus-title {
  font-size: 16px;
  font-weight: 600;
  color: black;
  margin-bottom: 16px;
  font-family: "Poppins", sans-serif;
}

.currency-box {
  width: 110px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.currency-box-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}
/* Mobile layout */
@media (max-width: 768px) {
  .device-plus-img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
    padding: 18px;
  }

  .product-sections {
    border-radius: 10px;
    margin-top: 33px;
  }
  .section-title {
    text-align: start;
  }
}
@media (max-width: 768px) {
  /* Reorder sections */
  .section-form    { order: 1; }
  .section-product { order: 2;margin-top: -30px;}
  .section-device  { order: 3; margin-bottom: 30px }

  /* Stack all sections */
  .newtext,
  .responsive-sections {
    flex-direction: column !important;
    display: flex; /* ensure flex is still active for children */
  }

  /* Force each child to take full width */
  .newtext > *,
  .section-product,
  .section-device,
  .section-form {
    width: 100% !important;
  }

  .newtext {
    margin-top: -60px;
    width: 100% !important;
  }
  .responsive-sections{
    margin-right: 0px !important;
  }

  .bookDemo-form {
    width: 100% !important;
    margin-top: 20px;
  }

  /* Checkbox grid: 1 per row on mobile */
  .checkbox-grid {
    grid-template-columns: 1fr;
    gap: 5px;
    padding-left: 0px;
    padding-top: 12px;
}
.schedule-demo-btn{
    width: 100%;
    margin-top: 20px;
    margin-left: 0px;
    font-weight: 600;
}
.product-section{
    width: 100% !important;
}
.navbar-sub-content-product{
    width: 100% !important;
    height: 55px !important;
}
.devise-plus-list{
    font-size: 12px;
}

  .checkbox-grid label {
    display: flex;
    align-items: center;
    gap: 5px;
  }
  .device-form-row{
    gap: 0px !important;
}
}
/* newly added css */
/* ===== Desktop Layout ===== */
.responsive-sections {
    display: flex;
    gap: 30px;
    align-items: flex-start;
    margin-left: 25;
    margin-right: 25px;
}

.newtext {
  display: flex;
  flex-direction: column; /* stack product + device vertically */
  gap: 10px;
  flex: 1; /* first column */
  margin-top: 0; /* remove large negative margin */
}

/* .section-form {
  flex: 1;
} */

/* ===== Mobile Layout ===== */
@media (max-width: 768px) {
  /* Mobile stacking order */
  .section-form    { order: 3; }
  .section-device  { order: 3; }
  .section-product { order: 0; }

  .newtext    {order: 2;}
  .bookDemo-form  {order: 1; }

  .responsive-sections {
    flex-direction: column;
  }

  .newtext {
    width: 100% !important;
    margin-top: -60px;
  }

  .section-form,
  .section-device,
  .section-product {
    width: 100% !important;
  }
 .device-group {
    flex-direction: column;
    align-items: flex-start;
}
}
 .device-group {
    flex-direction: column;
    align-items: flex-start;
}
.senzmate {
  color: #2A7CED !important;    
}
.pagination-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 25px;
}

.pagination-dot {
  width: 12px;             
  height: 12px;            
  border-radius: 50%;      
  background-color: #D1D5DB; 
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;   
}

.pagination-dot:hover {
  transform: scale(1.1);    
  background-color: #9CA3AF; 
}

.pagination-dot.active {
  background-color: #2563EB;  
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); 
}
.client-logo.senzmates-products {
  height: 210px;          
  display: flex;           
  align-items: center;    
  overflow: hidden;        
}
.client-logo.senzmates-products img {
    max-height: 225%;
    max-width: auto;
    -o-object-fit: contain;
    object-fit: contain;
}
section.client-names .client-logo img {
    width: 168px !important;
    height: 151px;
}
.banner-arrow-icon {
    font-size: 20px;
    color: #000;
    transition: color 0.1s;
    margin-left: 0px;
  }

.arrow-circle {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #F9F9F9;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(-45deg);
  transition: background-color 0.1s ease;
}

.banner-arrow-icon {
  color: #000;
  transition: color 0.1s ease;
}

.hover-effect:hover .arrow-circle {
  background-color: #2A7BEC;
}

.hover-effect:hover .banner-arrow-icon {
  color: #fff;
}
.latest-products-item {
  border: 2px solid transparent;
}

.hover-effect:hover {
  border-color: #2A7BEC; /* Blue on hover */
}

.hover-effect:hover .banner-arrow-icon {
  transform: rotate(45deg); /* Rotates the arrow to the right */
  color: white;
}

.home-section{
    padding: 3rem 0rem !important;
    /* Let parent sections (.home-page > section) control background color for consistent light AIoT look */
    background-color: transparent;
}

.home-page-p{
    color: #8A91A7; 
    font-Size: 16px !important;
    font-weight: 400 !important;
    margin: 0 !important;
}
.home-page-h{
    font-Size: 32px !important;
    font-weight: 600 !important; 
    margin:0 !important
}
.home-page-blue-text{
    color:#2A7CED !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    margin:0 !important;
}
section.mos-testimonials .container .testi-card {
    max-width: none !important;
    height: 342px !important;
}
.aiot-impact-section {
  background:
    radial-gradient(circle at top left, rgba(59,130,246,0.08), transparent 55%),
    #ffffff;
  padding: 3.25rem 0 3.5rem;
  position: relative;
  overflow: hidden;
}

.aiot-impact-header {
  max-width: 720px;
  margin: 0 auto 2.25rem;
  text-align: center;
}

.aiot-impact-subtitle {
  margin: 0.5rem 0 0;
  font-size: 0.98rem;
  line-height: 1.7;
  color: #374151;
  text-align: center;
}

.aiot-impact-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
}

.home-data-widget {
  flex: 1;
  min-width: 0;
  background-color: #f9fafb;
  border-radius: 16px;
  padding: 1.75rem 1.75rem 1.9rem;
  text-align: center;
  border: 1px solid rgba(148,163,184,0.35);
  box-shadow: 0 14px 32px rgba(15,23,42,0.06);
}

.home-data-p {
  font-size: 0.95rem;
  color: #6b7280;
  margin: 0;
}

.home-data-count-row {
  display: flex;
  align-items: baseline;
  justify-content: center;
  margin: 0.4rem 0 0.6rem;
}

.home-data-count {
  font-size: 2.4rem;
  font-weight: 700;
  color: #111827;
}

.home-data-count-suffix {
  margin-left: 6px;
}

.home-data-highlight {
  color: #2563eb;
}

@media (max-width: 1024px) {
  .aiot-impact-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .aiot-impact-section {
    padding: 2.75rem 0 3rem;
  }

  .aiot-impact-header {
    text-align: center;
  }

  .aiot-impact-grid {
    grid-template-columns: 1fr;
  }
}

/* Subtle animated graph-style backdrop for AIoT Impact */
.aiot-impact-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(120deg, rgba(59,130,246,0.08) 0, rgba(59,130,246,0.0) 55%),
    repeating-linear-gradient(
      to right,
      rgba(148,163,184,0.25) 0,
      rgba(148,163,184,0.25) 1px,
      transparent 1px,
      transparent 28px
    );
  opacity: 0.5;
  transform-origin: center;
  animation: aiotImpactGraph 22s linear infinite;
  pointer-events: none;
}

@keyframes aiotImpactGraph {
  0% {
    transform: translateX(0) translateY(0);
  }
  100% {
    transform: translateX(-40px) translateY(-10px);
  }
}
.home-whatwedo-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px;
    margin: 0 auto;
    padding: 2rem 0rem;
    
    @media (max-width: 768px) {
      flex-direction: column;
    }
  }

  .home-whatwedo-card {
    flex: 1;
    min-width: 300px;
    text-align: left;
    padding: 30px;
    border-radius: 16px;
    border: 1px solid #dae7f1;
    background: 
      linear-gradient(#112240, #112240) padding-box,
      linear-gradient(to right, #666666, #113060) border-box;
  }
  .home-whatwedo-card:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    transform: translateY(-5px);
    transition: all 0.2s ease;
  }

.home-whatwedo-header {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    flex-direction: column;
    align-items: center;
}
.home-whatwedo-header-pulse{
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 15px;
    flex-direction: column;
}

  .home-whatwedo-icon-container {
    border-radius: 16px;
    background:
      linear-gradient(#1E2C46, #1E2C46) padding-box, 
      linear-gradient(to right, #1130610D, #FFFFFF33) border-box;
    /*background: #1D3861;*/
    border: 1px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 12px;
  }
  .home-whatwedo-icon-device{
    background: #DAE7F1;
  }

  .home-whatwedo-icon {
    height: 32px;
    width: 32px;
    object-fit: contain;
    border-radius: 50%;
  }
  .home-whatwedo-h-title {
    color: #000;
    font-weight: 600;
    margin: 0;
    font-size: 16px;
}
  .home-whatwedo-p {
    margin: 12px 0 0 0;
    font-weight: 400;
    color: #8a91a7;
    font-family: "Poppins", sans-serif;
  }
.home-testimonial-item {
    outline: none;
}

.home-ourservice-widget {
    border-radius: 20px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}


.home-ourservice-widget.home-ourservice-large {
    flex: 3;
    background: #112240;
    padding: 30px 20px 0px 20px;
    color: white;
    min-height: 500px;
    display: flex;
    justify-content: flex-end;
    align-items: normal;
}

.home-ourservice-widget.home-ourservice-large::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    z-index: 1;
}

.home-ourservice-large-widget-content {
    flex: 1;
    z-index: 2;
    position: relative;
    max-width: 50%;
}

.home-ourservice-large-widget-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0px;
    margin-top: 0px;
    line-height: 1.3;
    display: block;
    width: 100%;
}

.home-ourservice-large-widget-description {
    font-size: 16px;
    opacity: 0.9;
    line-height: 1.6;
    display: block;
    width: 100%;
    margin-top: 6px;
}

.home-ourservice-large-widget-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.home-ourservice-large-widget-list li {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    font-size: 15px;
    font-weight: 500;
}

.home-ourservice-large-widget-list li::before {
    content: '■';
    color: #60a5fa;
    font-size: 12px;
    margin-right: 12px;
    line-height: 1;
    font-weight: normal;
}

.home-ourservice-large-widget-image {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    z-index: 2;
    position: relative;
    margin-left: 40px;
    max-width: 45%;
}

.home-ourservice-large-widget-image img {
    max-width: 400px;
    height: 400px;
    max-height: 350px;
    border-radius: 12px;
    object-fit: cover;
}


.home-ourservice-widget.home-ourservice-small {
    flex: 1;
    background: white;
    padding: 40px 0px 0px 0px;
    border: 2px solid #e2e8f0;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    min-height: 500px;
}

.home-ourservice-small-widget-image-container {
    width: 100%;
    height: 254px;
    position: relative;
    overflow: hidden;
    border-radius: 12px;
}

.home-ourservice-small-widget-image {
    width: 200px;
    height: 220px;
    border-radius: 8px;
    object-fit: cover;
    position: absolute;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.home-ourservice-small-widget-image:nth-child(1) {
    top: 58px;
    left: -9px;
    z-index: 1;
    transform: rotate(-5deg);
}

.home-ourservice-small-widget-image:nth-child(2) {
    top: 50px;
    left: 50%;
    transform: translateX(-50%) rotate(2deg);
    z-index: 3;
    width: 180px;
    height: 220px;
}

.home-ourservice-small-widget-image:nth-child(3) {
    top: 58px;
    right: -9px;
    z-index: 1;
    transform: rotate(5deg);
}

/* Hover animations */
.home-ourservice-widget.home-ourservice-small:hover .home-ourservice-small-widget-image:nth-child(1) {
    transform: translateX(-15px) translateY(-10px) rotate(-8deg) scale(1.05);
    z-index: 2;
}

.home-ourservice-widget.home-ourservice-small:hover .home-ourservice-small-widget-image:nth-child(2) {
    transform: translateX(-50%) translateY(-20px) rotate(0deg) scale(1.1);
    z-index: 4;
}

.home-ourservice-widget.home-ourservice-small:hover .home-ourservice-small-widget-image:nth-child(3) {
    transform: translateX(15px) translateY(-10px) rotate(8deg) scale(1.05);
    z-index: 2;
}
.home-ourservice-small-widget-content{
    padding-left: 4px;
    padding-right: 4px;
}

.home-ourservice-small-widget-title {
    font-size: 18px;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 12px;
    line-height: 1.3;
    margin-top: 0;
}

.home-ourservice-small-widget-description {
    font-size: 14px;
    color: #64748b;
    line-height: 1.5;
}
          
.home-platform-header {
    text-align: center;
    margin: 0 auto 40px;
    max-width: 800px;
}

.home-platform-header h2 {
    font-size: 32px;
    color: #333;
    margin-bottom: 10px;
}

.home-platform-header h3 {
    font-size: 24px;
    color: #444;
    margin-bottom: 15px;
}

.home-platform-header p {
    font-size: 16px;
    color: #8A91A7;
    margin: 0.5rem auto 0;
    line-height: 1.6;
    text-align: center;
}
.home-platform-features h3 {
    font-size: 24px;
    color: #444;
    text-align: left;
    margin-bottom: 30px;
}
/* Polar features grid - base styles (overridden by section-specific styles below) */
.polar-features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 24px;
    margin: 0 auto;
}

@media (max-width: 1024px) {
  .polar-features-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}

@media (max-width: 600px) {
  .polar-features-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

    .polar-feature-card {
    background: white;
    border-radius: 8px;
    padding: 20px;
    height: 100%;
    width: 100%;
    transition: all 0.3s ease;
    border: 1px solid transparent;
    display: flex;
    }

.polar-feature-card:hover {
    border: 1px solid #2D6AE2;
    box-shadow: 0 4px 12px rgba(45, 106, 226, 0.1);
    transform: translateY(-2px);
}

.polar-card-content {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    height: 100%;
}

.polar-gif-container {
  display: flex;
  justify-content: center; 
  align-items: center;    
  text-align: center;
  margin-bottom: 12px;
}

.polar-solution-img {
  display: block;
  max-width: 48px;
  height: auto;
}

.polar-text-content h4 {
    font-size: 18px;
    color: #333;
    margin-bottom: 8px;
    font-weight: 600;
    text-align: center;
}

.polar-text-content p {
    font-size: 14px;
    color: #666;
    line-height: 1.4;
    margin: 0;
    text-align: center;
}
.decade-cta-button {
    background-color: #2A7CED;
    color: white;
    padding: 18px 18px 18px 28px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: background-color 0.3s ease;
    box-shadow: 0 4px 12px rgba(66, 133, 244, 0.3);
    text-decoration: none;
}

.decade-cta-button:hover {
    background-color: #2563eb;
}

.decade-section {
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    background:
      radial-gradient(circle at top, rgba(59,130,246,0.12), transparent 55%),
      #0b1220;
    color: #e5e7eb;
}

.decade-bg {
    display: none;
}

.decade-container {
    width: auto;
    margin-left: 80px;
    display: flex;
    align-items: center;
    width: 100%;
    z-index: 1;
    position: relative;
}

.decade-container-desktop {
    flex-direction: row;
}

.decade-left-content {
    color: #e5e7eb;
    padding-top: 0;
}

.decade-left-content-desktop {
    flex: 2;
    max-width: none;
    order: 1;
    text-align: left;
}

.decade-h1 {
    font-weight: 600;
    margin-bottom: 18px;
    color: #f9fafb;
}

.decade-h1-desktop {
    font-size: 36px;
}

.decade-p {
    line-height: 1.6;
    margin-bottom: 30px;
    color: #cbd5f5;
}

.decade-p-desktop {
    font-size: 16px;
}

.decade-right-content {
    flex: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.decade-right-content-desktop {
    width: 260px;
    order: 2;
    margin-bottom: 0;
    margin: 0 80px;
}

.decade-number {
    font-weight: bold;
    background: conic-gradient(from 140deg, #38bdf8, #6366f1, #22c55e, #38bdf8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    opacity: 0.9;
    line-height: 1;
    text-align: center;
}

.decade-number-desktop {
    font-size: 260px;
}

.decade-subtext {
    font-weight: 500;
    color: #e5e7eb;
    text-align: center;
    margin-top: -10px;
}

.decade-subtext-desktop {
    font-size: 18px;
}

.decade-years {
    font-weight: 400;
    color: #9ca3af;
    text-align: center;
    margin-top: 1px;
}
.decade-years-desktop {
    font-size: 18px;
}

@media (max-width: 768px) {
    .decade-section {
        align-items: center;
        justify-content: center;
    }

    .decade-container {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        margin-left: 0;
        padding: 40px 20px;
    }

    .decade-left-content {
        text-align: center;
    }

    .decade-right-content {
        margin-top: 20px;
    }
}

.home-awards-section {
  background:
    radial-gradient(circle at top, rgba(59,130,246,0.08), transparent 55%),
    #f9fafb;
  color: #020617;
  padding-top: 3.5rem;
  padding-bottom: 3.75rem;
}

.home-awards-header {
  max-width: 720px;
  margin: 0 auto 2.25rem;
  text-align: center;
}

.home-awards-title {
  margin: 0.25rem 0 0.75rem;
}

.home-awards-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1.5rem;
  align-items: stretch;
}

.home-award-card {
  background: #ffffff;
  border-radius: 1.25rem;
  border: 1px solid rgba(148,163,184,0.3);
  padding: 1.25rem 1rem 1.35rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.5rem;
  box-shadow: 0 14px 28px rgba(15,23,42,0.08);
}

.home-award-logo-wrap {
  width: 150px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.home-award-img {
  max-width: 100%;
  max-height: 56px;
  object-fit: contain;
}

.home-award-label {
  margin: 0;
  font-size: 0.9rem;
  font-weight: 600;
  color: #111827;
}

.home-award-meta {
  margin: 0;
  font-size: 0.8rem;
  color: #374151;
}

@media (max-width: 1024px) {
  .home-awards-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .home-awards-section {
    padding-top: 3rem;
    padding-bottom: 3.25rem;
  }

  .home-awards-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
  }

  .home-award-card {
    padding: 1.25rem 1rem 1.35rem;
    border-radius: 1.25rem;
  }

  .home-award-logo-wrap {
    width: 150px;
    height: 56px;
  }

  .home-award-label {
    font-size: 0.85rem;
  }

  .home-award-meta {
    font-size: 0.75rem;
  }
}
.home-aiotplatform-desktop-section {
    background:
      radial-gradient(circle at top, rgba(59,130,246,0.08), transparent 55%),
      #ffffff;
    color: #020617;
}

.home-aiotplatform-desktop-header {
    margin-bottom: 2.5rem;
    text-align: center;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

/* ==================== CORE MODULES TABS LAYOUT ==================== */
.home-aiotplatform-tabs-container {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: center;
    margin-bottom: 3rem;
    padding: 0 1rem;
    border-bottom: 2px solid rgba(148, 163, 184, 0.2);
    padding-bottom: 1rem;
}

.home-aiotplatform-tab {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.875rem 1.5rem;
    background: #ffffff;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    font-size: 0.95rem;
    font-weight: 500;
    color: #475569;
    white-space: nowrap;
}

.home-aiotplatform-tab:hover {
    background: rgba(59, 130, 246, 0.05);
    border-color: rgba(59, 130, 246, 0.3);
    color: #0f172a;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
}

.home-aiotplatform-tab.active {
    background: #eff6ff;
    border-color: var(--brand-primary);
    color: #0f172a;
    box-shadow: 0 4px 16px rgba(59, 130, 246, 0.2);
    font-weight: 600;
}

.home-aiotplatform-tab.active::after {
    content: '';
    position: absolute;
    bottom: -1rem;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 3px;
    background: var(--brand-primary);
    border-radius: 2px 2px 0 0;
}

.home-aiotplatform-tab-number {
    font-size: 0.8rem;
    font-weight: 700;
    color: #64748b;
    letter-spacing: 0.05em;
}

.home-aiotplatform-tab.active .home-aiotplatform-tab-number {
    color: var(--brand-primary);
}

.home-aiotplatform-tab-title {
    flex: 1;
}

.home-aiotplatform-content-container {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}

.home-aiotplatform-desktop-content-card {
    width: 100%;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border-radius: 24px;
    border: 1px solid rgba(148, 163, 184, 0.2);
    padding: 3rem 2.5rem;
    box-shadow: 0 20px 48px rgba(15, 23, 42, 0.08);
    position: relative;
    overflow: hidden;
    animation: fadeInUp 0.5s ease-out;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.home-aiotplatform-content-header {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.15);
}

.home-aiotplatform-content-number {
    font-size: 3rem;
    font-weight: 800;
    line-height: 1;
    color: var(--brand-primary);
    /* font-family: 'Poppins', sans-serif; */
    letter-spacing: -0.05em;
    flex-shrink: 0;
}

.home-aiotplatform-desktop-content-title {
    font-size: 1.75rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0;
    line-height: 1.3;
    flex: 1;
}

.home-aiotplatform-desktop-content-desc {
    font-size: 1.05rem;
    line-height: 1.8;
    color: #475569;
    margin: 0;
    text-align: left;
}

.home-aiotplatform-content-accent {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--brand-primary);
    opacity: 0.8;
}

@media (max-width: 1024px) {
    .home-aiotplatform-tabs-container {
        gap: 0.5rem;
        padding: 0 0.5rem;
    }

    .home-aiotplatform-tab {
        padding: 0.75rem 1.25rem;
        font-size: 0.9rem;
    }

    .home-aiotplatform-desktop-content-card {
        padding: 2.5rem 2rem;
    }

    .home-aiotplatform-content-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
}

    .home-aiotplatform-content-number {
        font-size: 2.5rem;
    }
}

@media (max-width: 768px) {
    .home-aiotplatform-tabs-container {
        gap: 0.5rem;
        padding: 0;
        justify-content: flex-start;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        padding-bottom: 1rem;
    }

    .home-aiotplatform-tabs-container::-webkit-scrollbar {
        height: 4px;
    }

    .home-aiotplatform-tabs-container::-webkit-scrollbar-thumb {
        background: rgba(148, 163, 184, 0.3);
        border-radius: 2px;
    }

    .home-aiotplatform-tab {
        padding: 0.625rem 1rem;
        font-size: 0.85rem;
    flex-shrink: 0;
    }

    .home-aiotplatform-tab.active::after {
        display: none;
    }
}

/* ==================== CORE MODULES MOBILE STYLES (LIGHT THEME) ==================== */
.home-aiotplatform-mobile-section {
    background-color: #ffffff;
}

.home-aiotplatform-mobile-header {
    margin-bottom: 2rem;
    text-align: center;
}

.home-aiotplatform-mobile-accordion {
    background-color: white;
    overflow: hidden;
}

.home-aiotplatform-mobile-accordion-item {
    border: 1px solid #e9ecef;
    margin-bottom: 8px;
    border-radius: 10px;
}

.home-aiotplatform-mobile-accordion-item:last-child {
    border-bottom: -1px;
}

.home-aiotplatform-mobile-accordion-header {
    padding: 16px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: white;
    transition: all 0.3s ease;
    border-radius: 10px;
}

.home-aiotplatform-mobile-accordion-header.expanded {
    background-color: #f8f9fa;
}

.home-aiotplatform-mobile-accordion-title {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    margin: 0;
    flex: 1;
}

.home-aiotplatform-mobile-accordion-title.expanded {
    color: #007bff;
}

.home-aiotplatform-mobile-accordion-icon {
    font-size: 20px;
    color: #666;
    font-weight: 600;
    transition: all 0.3s ease;
}

.home-aiotplatform-mobile-accordion-icon.expanded {
    color: #007bff;
}

.home-aiotplatform-mobile-accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
    background-color: white;
}

.home-aiotplatform-mobile-accordion-content.expanded {
    max-height: 1000px;
}

.home-aiotplatform-mobile-content-inner {
    padding: 20px 20px 30px 20px;
}

.home-aiotplatform-mobile-content-title {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-bottom: 15px;
    text-align: center;
}

.home-aiotplatform-mobile-content-desc {
    font-size: 14px;
    line-height: 1.6;
    color: #666;
    text-align: center;
    margin: 0;
}

.home-aiotplatform-mobile-cta-container {
    text-align: center;
    margin-top: 2rem;
}

.home-aiotplatform-mobile-cta-button {
    background-color: white;
    color: #007bff;
    padding: 12px 24px;
    border: 1px solid #007bff;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
}

.home-aiotplatform-mobile-cta-button:hover {
    background-color: #007bff;
    color: white;
}

/* ==================== HOME: PRODUCTS + FOOTER CTA (moved from inline CSS) ==================== */
.home-section {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
}

@media (max-width: 768px) {
    .home-section {
        padding-top: 2.75rem;
        padding-bottom: 2.75rem;
    }
}

.explore-products {
    background: var(--surface-muted);
    padding: 3.5rem 0 3.75rem;
}

.explore-products__inner {
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.explore-products__header {
    max-width: 640px;
    margin-bottom: 2.25rem;
}

.explore-products__eyebrow {
    font-size: 0.78rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--brand-primary);
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.explore-products__title {
    font-size: clamp(1.75rem, 3vw, 2.1rem);
    font-weight: 600;
    color: var(--text);
    margin: 0 0 0.5rem;
}

.explore-products__subtitle {
    margin: 0;
    font-size: 0.98rem;
    line-height: 1.7;
    color: var(--text-muted);
}

.explore-products__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2.25rem;
}

.explore-products__card {
    display: flex;
    flex-direction: column;
    padding: 1.3rem 1.2rem 1.35rem;
    border-radius: 1.1rem;
    border: 1px solid var(--border);
    background: var(--surface);
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04);
    text-decoration: none;
    color: inherit;
    transition: transform 0.18s ease-out, box-shadow 0.18s ease-out,
        border-color 0.18s ease-out;
    height: 100%;
}

.explore-products__card:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
    border-color: var(--border-strong);
}

.explore-products__logo-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin-bottom: 0.85rem; */
    /* padding: 10px 12px; */
    border-radius: 14px;
    background: rgba(148, 163, 184, 0.10);
    border: 1px solid rgba(148, 163, 184, 0.22);
    height: 60px;
    width: 100%;
}

.explore-products__logo-wrap img,
.explore-products__logo-wrap > span img {
    max-width: 140px;
    max-height: 50px;
    width: auto;
    height: auto;
    object-fit: contain;
    filter: saturate(0.95);
    opacity: 0.92;
    transition: filter 0.18s ease, opacity 0.18s ease;
}

.product-logo {
    width: 44px !important;
    height: 44px !important;
    border-radius: 999px !important;
    object-fit: contain;
}

.explore-products__card:hover .explore-products__logo-wrap img,
.explore-products__card:hover .explore-products__logo-wrap > span img {
    filter: none;
    opacity: 1;
}

.explore-products__card-title {
    font-size: 1.02rem;
    margin: 0 0 0.35rem;
    color: var(--surface-muted);
    font-weight: 600;
}

.explore-products__card-text {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.6;
    color: var(--text-muted);
}

.explore-products__actions {
    display: flex;
    justify-content: center;
}

.explore-products__view-more {
    border-radius: 999px;
    padding: 0.55rem 1.45rem;
    border: 1px solid var(--border-strong);
    background: var(--surface);
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--text);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    transition: background 0.15s ease-out, border-color 0.15s ease-out,
        box-shadow 0.15s ease-out, transform 0.12s ease-out;
}

.explore-products__view-more:hover {
    background: rgba(42, 124, 237, 0.08);
    border-color: rgba(42, 124, 237, 0.55);
    box-shadow: 0 10px 25px rgba(42, 124, 237, 0.18);
    transform: translateY(-1px);
}

@media (max-width: 768px) {
    .explore-products__inner {
        padding: 0 1.25rem;
    }

    .explore-products__header {
        margin-bottom: 1.75rem;
    }

    .explore-products__actions {
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .explore-products {
        padding: 3rem 0 3.25rem;
    }

    .explore-products__grid {
        gap: 1.2rem;
    }
}

.home-footer-cta {
    background: radial-gradient(circle at top left, rgba(42, 124, 237, 0.10) 0, #ffffff 55%);
    padding: 3.25rem 1.5rem 3.5rem;
    border-top: 1px solid rgba(148, 163, 184, 0.35);
}

.home-footer-cta__inner {
    max-width: 960px;
    margin: 0 auto;
    text-align: center;
}

.home-footer-cta__title {
    font-size: clamp(1.5rem, 2.4vw, 1.9rem);
    font-weight: 600;
    margin: 0 0 0.6rem;
    color: var(--text);
}

.home-footer-cta__subtitle {
    font-size: 0.98rem;
    line-height: 1.6;
    color: var(--text-muted);
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
}

.home-footer-cta__action {
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}

@media (max-width: 768px) {
    .home-footer-cta {
        padding: 2.75rem 1.25rem 3rem;
    }

    .home-footer-cta__subtitle {
        font-size: 0.95rem;
    }
}
@media (max-width: 768px) {
  .testimonials-grid {
    grid-template-columns: 1fr; 
  }
  .home-testimonial-item {
    display: none; 
  }

  .home-testimonial-item:nth-of-type(1),
  .home-testimonial-item:nth-of-type(2) {
    display: block; 
  }
  .read-more-btn-blog {
    display: flex !important;
    justify-content: center;
}
.client-logo > *:last-child:nth-child(odd) {
  /* flex: 1 1 100%;            */
  display: flex;
  justify-content: center;  
  margin-top: 12px;         
}
}
.Blog-cta-button{
  align-items: center;
  display: flex;
  cursor: pointer;
}
.read-more-btn-blog {
    flex-direction: row-reverse;
    padding: 15px;
    align-items: center;
    display: flex;
}
.device-plus-Name-title{
    font-size: 18px;
    font-weight: 600;
    padding-left: 20px;
    margin-bottom: 0px;
    margin-right: auto;
    padding-left: 20px;
    margin-bottom: -10px;
}

.text-white {
    color: white !important;
}
.sa-modal-close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10; 
}
.polar-pack-pros{
    align-items: unset !important;
}
.why-device-pulse-section{
    width: 1400px;
    border-radius: 8px;
    /* height: 300px; */
    /* margin: 0 3%; */
    display: flex;
    flex-direction: row;
    background: #005B96;
    padding: 20px;
    align-items: center;
}
.why-device-hd,
.why-device-sub,
.why-device-p{
    color: white !important;
}
.why-device-hd{
    font-family: 'Poppins', sans-serif;
    font-weight: 400;        
}
.why-device-puls-img{
    width: 80%;
    margin-top: 0px;
    margin-left: 30px;
    display: block !important;
}
.why-device-p{
    font-weight: 400;   
    margin-top: 0px;
    font-size: 15px; 
    margin-bottom: 0px;    
}
.why-device-sub{
  margin-top: 0px;
  font-weight: 500;        
  font-style: normal;      
  font-size: 32px;
  margin-bottom: 5px;
}
.details-device-pulse{
    width: auto;
    margin: 0 3%;
}
.btn-text-small{
    font-size: 10px;
    color: #8A91A7;
}
.btn-text-large{
    font-size: 12px;
}
.device-pulse-video1{
    border-radius: 16px; 
}
.functions-small-images{
    padding-left: 20px;
    margin-top: 8px;
}
.count-device-pulse{
    color: #8A91A7 !important;
    opacity: 1;
}
.features-section-btn {
    border: none;
    padding: 13px  30px;
    border-radius: 50px;
    background: white;
}
.button-with-lines {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    width: 1200px;
    margin: 0 8%;
    margin-top: 40px;
}

.button-with-lines::before,
.button-with-lines::after {
  content: "";
  flex: 1; /* stretch line equally */
  border-top: 1px solid #D9D9D9; /* line style */
}
.core-features-section{
    width: auto !important;
    margin: 0 3% !important;
}
/* .container.corefeatures-desktop-layout{
    display: flex;
    gap: 5px;
    align-items: flex-start;
} */
.container.corefeatures-desktop-layout {
    display: flex;
    flex-direction: row;
    width: auto;
    margin-left: 0%;
    margin-right: 0%;
    margin-bottom: 50px;
}
.home-aiotplatform-core-image {
    width: 60%;
    height: 65%;
}
.corefeatures-desktop-right {
    width: 75%;
    margin-left: 30px;
}
.corefeatures-desktop-nav-item.active {
    color: #fff !important;
    background: #005B96;
    border-radius: 5px;
    width: 84%;
}
.dp-function-p-core{
    color: #8A91A7 !important;
}
.corefeatures-desktop-left{
    width: 25%;
}
/* Css devider */
.container.corefeatures-desktop-layout {
  display: flex;
}

/* Left column */
.corefeatures-desktop-left {
    flex: 1 1;
    border-right: 1px solid #ddd;
    height: 50%;
}

/* Right column */
.corefeatures-desktop-right {
  flex: 2;
  padding: 20px;
}
h3.corefeatures-desktop-nav-title {
    font-weight: 450;
    font-size: 16px;
    padding: 12px;
    padding-left: 15px;
    margin-bottom: 0px;
    margin-top: 5px;
}
h3.corefeatures-desktop-nav-title.active{
    color: white !important;
}
/* New class for video radius */
.custom-radius {
    width: 600px;
    height: 450px;
    border-radius: 30px;
    margin-top: 35px;
}
.feautre-paragraph{
    margin-top: 5px;
    color: #8A91A7;
    margin-bottom: 0px;

}
/* Desktop (default) */
.card-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.card-box-1 {
  order: 1; /* Title/content */
  flex: 1;
}

.device-pulse-video {
  order: 2; /* Video */
  flex: 1;
}

/* Mobile */
@media (max-width: 768px) {
  .card-box {
    flex-direction: column;
  }

  .device-pulse-video {
    order: 1; /* Video comes first */
    width: 100%;
    margin-bottom: 20px;
  }

  .card-box-1 {
    order: 2; /* Title/content after video */
    width: 100%;
    text-align: center;
  }
  .device-plus-p {
    display: none !important;
  }
  
  /* Show Azure Marketplace button on mobile with proper styling */
  .devicepulse-micro-logo-mobile {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    justify-content: center !important;
    padding: 0 15px !important;
  }
  
  .devicepulse-micro-logo-mobile .devicepulse-micrologo-btn-text {
    width: auto !important;
    flex: 1 !important;
    text-align: left !important;
  }
  
  .devicepulse-micro-logo-mobile .microsoft-logo-icon {
    width: 45px !important;
    height: 45px !important;
  }
  
  /* Hide desktop version on mobile */
  .devicepulse-micrologo-section .devicepulse-micro-logo:not(.devicepulse-micro-logo-mobile) {
    display: none !important;
  }
  .header.dp-header{
    text-align: center !important;
  }
  .device-pulse-hd-txt {
    width: 379px !important;
    margin-left: -23px;
  }
  .device-pulse-h4-txt {
    width: 100% !important;
    margin-left: -40px;
  }
  .custom-radius{
    width: 550px !important;
    height: 824px !important;
    /* border-radius: 16px; */
    /* margin-top: 190px !important;
    padding-left: -128px !important; */
    /* padding-right: 170px !important; */
    border-radius: 30px !important;
    margin-left: -80px;
    }
    .book-demo-device-pulse-btn{
        margin-bottom: 50px !important;
    }

    .dp-hero-ctas--mobile-wrap {
        align-items: center;
    }

    .dp-hero-ctas--mobile {
        align-items: stretch;
        display: flex;
        flex-direction: column;
    }
    .senzcare-pulse-image {
    margin-left: -36px !important;
    width: 300px !important;
    }
    .solution-row-center {
    flex-wrap: wrap;
    }
    section.client-names-edult-care .solution-card {
    width: 360px !important;
    }
    section.client-names-edult-care .last-row-container {
    display: flex;
    flex-direction: column;
    }
    .solution-content-container{
        width: 370px !important;
    }
}
/* .dp-function-pharagraph{
    color: #8A91A7 !important;
} */
.senzcare-pulse-section{
    background-color: #f7f7f7 !important;
    padding: 0px !important;
}
.senzcare-pulse-image{
    width: 80%;
    justify-content: space-between;
    border-radius: 10px;
    margin-left: 40px;
}
/* Hide cookie banner when chat is open on mobile */
@media only screen and (max-width: 768px) {
  
  /* When chat window is open, hide cookie banner */
  
  /* Alternative: Use data attribute if your chat uses it */
  
  /* If chat has specific class when window is open */
  
  /* Smooth transition for better UX */
  
  /* Ensure chat takes priority z-index when open */
}
/* .MuiFormControl-root .MuiInputLabel-formControl {
    position: static;
} */
/* -------------------------------------------------------- */
/* styles/globals.css */

/* Base and variables */
/* :root{
  --bg: #f7f9fc;
  --white: #ffffff;
  --muted: #6b7280;
  --text: #111827;
  --accent: #2f80ed; blue from design
  --card-border: #e6eefc;
  --shadow: 0 6px 20px rgba(16,24,40,0.06);
  --container-width: 1200px;
  --radius: 28px;
  --radius-sm: 12px;
} */

/* *{box-sizing:border-box}
html,body,#__next { height:100%; }
body{
  margin:0;
  font-family: "Poppins", sans-serif;
  background:var(--bg);
  color:var(--text);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.6;
} */

/* Page container */
.senz-container{
  display:block;
  /* max-width:1400px; */
  margin:0 auto;
  /* padding:0 24px; */
}

/* Buttons */
.senzview-btn-base {
    display: inline-block;
    font-weight: 600;
    border-radius: 2px;
    padding: 10px 35px;
    cursor: pointer;
    border: 1px solid transparent;
    text-decoration: none;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: 28px;
    letter-spacing: 0.2px;
    border: 1px solid #2f80ed;
}
.senzview-btn-base.primary {
    background: #2f80ed;
    color: #fff;
    font-weight: 550;
    font-size: 16px;
    border-color: #2f80ed;
}
.senzview-text{
    color: #2A7CED !important;
    font-weight: 600 !important;
}
.senzview-btn{
    background: #2A7CED !important;
    color: #fff !important;
    border-color: #2A7CED !important;
    border-radius: 4px;
}

.senzview-btn-base.outline{
  background:transparent;
  color:#2A7CED;
  border-color: #2A7CED;
}
.senzview-demo-btn {
    padding: 10px 38px !important;
}

/* Section spacing */
/* section{
  padding:60px 0;
} */

/* -------------------
   Hero Section
   ------------------- */

.hero-inner{
  /* max-width:var(--container-width); */
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:32px;
  justify-content:space-between;
    /* display:block; */
  max-width:1400px;
  margin:0 auto;
  padding:0 110px;
  /* padding: 64px 175px; */
}

.hero-title {
    font-size: 28px;
    font-weight: 600;
    color: white;
    margin: 0 0 1.5rem;
    line-height: 1.2;
}

.rounded-imagesenzvision{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:90px 0px 90px 90px;
  box-shadow:var(--shadow);
  /* border:8px solid rgba(255,255,255,0.6); */
}

/* -------------------
   Why SenzVision
   ------------------- */
.why-section{
  background: #fff;
  padding-top: 70px;
  padding-bottom: 70px;
}

.why-inner{
  max-width:var(--container-width);
  display: flex;
  gap: 36px;
  align-items: center;
  margin: 0 auto;
  padding: 0 110px;
}

.why-image{
  flex:0 0 380px;
}

.why-image img{
  /* width:100%;
  height:auto; */
  width: 330px;
  height: 330px;
  border-radius:32px;
  box-shadow:var(--shadow);
  border-radius: 90px 90px 90px 0;
  background: url(/images/senzview/eye-code.webp) lightgray -186.778px 0px / 183.757% 100% no-repeat, #D9D9D9;
}

.why-content{
  flex:1;
  margin-top: -40px;
}

.section-subtitle{
  /* font-size:20px;
  margin:0 0 8px 0;
  font-weight:600; */
  color: var(--Base-02, #090914);
font-family: "Poppins", sans-serif;
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: 62px; /* 193.75% */
letter-spacing: -2px;
}

.why-intro{
  color:#6b7280;
  margin-bottom:18px;
}

/* Why cards grid */
.why-cards{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:18px;
}

.why-card{
  display:flex;
  gap:12px;
  padding:16px;
  border-radius:12px;
  border:1px solid ;
  align-items:flex-start;
  border: 1px solid #E4E4E7;
  background: #FFF;
  height: auto;
}

.why-card h4{
  margin:0 0 6px 0;
  font-size:15px;
  font-weight:600;
  color: #090914;
}

.why-card p{
  margin:0;
  color:#6b7280;
  font-size:13px;
}

/* -------------------
   Key Features
   ------------------- */
.features-section{
  background: #FBFBFB;
  padding-top:44px;
  padding-bottom:44px;
}

.features-inner{
  max-width:var(--container-width);
  margin:0 auto;
  padding:0 70px;
}

.section-title-pricing {
    text-align: center;
    font-size: 28px;
    margin-bottom: 20px;
    font-weight: 500;
}

.section-lead{
  text-align:center;
  color:#6b7280;
  margin-bottom:28px;
}

/* grid of features */
.features-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
}

.feature-card-senzview {
    background: #fff;
    border-radius: 7px;
    padding: 22px;
    border: 1px solid var(--card-border);
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
    align-items: center;
    display: flex;
    flex-direction: column;
    /* width: 420px; */
}
/* .feature-card-senzview:hover {
    background: #FBFBFB;
    border-radius: 12px;
} */
.feature-icon{
  width:44px;
  height:44px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:12px;
  font-size:18px;
}

.feature-title{
  margin:0 0 10px 0;
  font-size:15px;
  font-weight:700;
}
.feature-img-senzview{
    width: 40px;
    height: 40px;
    object-fit: contain;
}
.feature-img-senzview-bg{
    background: #E1EDFF;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.feature-bullets{
  padding-left:18px;
  margin:0;
  color:#6b7280;
  font-size:12px;
}
.feature-subtitle{
  /* padding-left:18px;
  margin:0; */
  color:#6b7280;
  font-size:12px;
}
.feature-bullets-txt{
    border-radius: 23px;
/* border: 1px solid #EEF5FF; */
background: #FFF;
    /* margin-top: 8px; */
    padding: 6px 15px;
}
.feature-more{
    text-align:center;
    margin-top:12px;
    font-size:14px;
    font-weight:600;
}
.capabilities-banner img{
    width:100%;
    height:auto;
    display:block;
    /* border-radius:14px; */
    object-fit:cover;
    box-shadow:0 10px 22px rgba(15, 23, 42, 0.08);
}
.capabilities-tabs{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    justify-content: center;
    padding: 20px;
    background: white;
    /* margin-bottom:18px; */
}
.capability-btn {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 25px 70px;
    font-size: 13px;
    font-weight: 600;
    color: #0f172a;
    cursor: pointer;
    transition: all 0.2s ease;
    /* box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06); */
}
.capability-btn:hover{
    border-color:#3b82f6;
    color:#3b82f6;
}
.capability-btn.is-active{
    background:#eef5ff;
    border-color:#3b82f6;
    color:#2563eb;
}
.capability-panel{
    background:#fff;
    padding:18px;
    display:grid;
    gap:18px;
    align-items:center;
}
.capability-media img,
.capability-media video{
    width:100%;
    height:auto;
    display:block;
    border-radius:14px;
    object-fit: fill;
}
.capability-media video{
    max-height:450px;
    background:#000;
}
.capability-content h3{
    margin:0 0 8px 0;
    font-size:18px;
    font-weight:700;
}
.capability-content p{
    margin:0 0 10px 0;
    color:#6b7280;
    font-size:13px;
}
.capability-content ul{
    margin:0;
    padding-left:18px;
    color:#475569;
    font-size:13px;
}
.capability-content li{
    margin-bottom:6px;
}
.feature-card-senzview:nth-child(1):hover {
  box-shadow: inset 0px -94px 91px -98px rgba(34, 124, 192, 0.15);
  /* box-shadow: inset -4px -34px 42px -27px rgba(34, 124, 237, 0.25); */
}

/* 2️⃣  Second Card – Bottom center */
.feature-card-senzview:nth-child(2):hover {
  box-shadow: inset 4px -94px 91px -98px rgba(34, 124, 192, 0.15);
}

/* 3️⃣  Third Card – Left bottom corner */
.feature-card-senzview:nth-child(3):hover {
  box-shadow: inset 4px -94px 91px -98px rgba(34, 124, 192, 0.15);
}

/* 4️⃣  Fourth Card – Right top corner */
.feature-card-senzview:nth-child(4):hover {
  box-shadow: inset -4px 34px 42px -27px rgba(34, 124, 192, 0.15);
}

/* 5️⃣  Fifth Card – Top center */
.feature-card-senzview:nth-child(5):hover {
  box-shadow: inset 0px 34px 42px -27px rgba(34, 124, 192, 0.15);
}

/* 6️⃣  Sixth Card – Left top corner */
.feature-card-senzview:nth-child(6):hover {
  box-shadow: inset 4px 34px 42px -27px rgba(34, 124, 192, 0.15);
}
/* -------------------
   Plug and Play
   ------------------- */
.plug-section {
    position: relative;
    background: #fff;
    padding: 48px 0;
    overflow: hidden;
    height: 425px;
}
.dot-pattern-image {
    position: absolute;
    bottom: -45px;
    left: -25px;
    width: 200px;
    opacity: 1;
    z-index: 1;
}

.dot-pattern-image.right {
    top: -55px;
    right: -135px;
    left: auto;
    bottom: auto;
    width: 250px;
    opacity: 0.9;
    z-index: 1;
}

.plug-inner {
  position: relative;
  z-index: 2; /* ensures content is above background images */
  max-width: var(--container-width);
  margin: 0 auto;
  display: flex;
  gap: 28px;
  align-items: flex-start;
  padding: 0 120px;
}

.plug-content {
    flex: 1 1;
    margin-top: 45px;
}
.plug-image {
    flex: 0 0 360px;
    height: 110px;
}
.plug-image img {
    width: 90%;
    border-radius: 32px 0px 32px 32px;
    height: 300%;
}

/* -------------------
   Pricing
   ------------------- */
.pricing-section-senzview{
  padding-top:5px;
  padding-bottom:56px;
  background: #FBFBFB;
}

.pricing-inner{
  max-width: 95%;
  margin:0 auto;
  text-align:center;
}
.plug-desc{
    color: #6F7CB2;
    font-size: 14px;
}

.pricing-lead{
  color:#6b7280;
  margin-bottom:22px;
}
.pricing-card-senzview.highlighted .pricing-lead-sub {
  color: #fff;
}


.pricing-cards-senzview{
  display:flex;
  gap: 25px;
  margin-top:28px;
  justify-content:center;
  align-items:stretch;
  flex-wrap:wrap;
}

.pricing-card-senzview {
    background: #fff;
    padding: 50px 30px 30px 30px;
    border-radius: 8px;
    border: 1px solid #2A7CED;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 370px;
    height: 540px;
    transition: transform 0.3s ease;
}
.pricing-lead-sub {
    color: #737373;
    font-size: 14px;
    margin: 0px;
}

.pricing-card-senzview.highlighted{
  background:#2A7CED;
  color:#fff;
  border-color:transparent;
}

.pricing-card-senzview h4{ 
    margin:0 0 12px 0; 
    font-size:18px; 
}
.price-sub-small {
    font-size: 14px;
    color: black;
    font-weight: 700;
}
.price{ 
    font-weight:700; 
    font-size: 45px; 
    margin:0 0 12px 0; 
    color: #2A7CED; 
}
.pricing-card-senzview.highlighted .price{ 
    color:#fff; 
}

.price-sub {
    font-weight: 600;
    font-size: 18px;
    color: #2A7CED;
    margin-left: 6px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: -16px;
}
.pricing-card-senzview.highlighted .price-sub{ 
    color:rgba(255,255,255,0.9); 
}
.price-container{
    align-items: center;
    display: flex;
}
.new-price-container-second{
    display: flex;
    flex-direction: column;
}
.price-list{ 
    list-style:none; 
    padding:0; 
    margin:8px 0 18px 0; 
    text-align:left; 
    color:#6b7280;
}
.price-list li{ 
    margin-bottom:8px; 
    font-size:13px; 
}

/* CTA in pricing */
.pricing-card-senzview .senzview-btn-base{
  width:100%;
  margin-top:8px;
  height: 45px;
}
.senzview-btn-base.highlighted{
    background: #fff;
    font-weight:600;
    color: #2f80ed;
    font-weight: 600;
    font-size: 16px;
    border-color: #2f80ed;
    border-radius: 4px;
}

/* -------------------
   Footer Banner
   ------------------- */
.footer-banner {
  position: relative; /* Needed for ::before overlay */
  background: url("/images/senzview/banner-eye.webp") no-repeat center center;
  background-size: cover;
  color: #fff;
  border-radius: 16px;
  margin: 70px auto 0;
  width: 90%;
  padding: 50px 70px; /* gives enough space for content */
  overflow: hidden; /* ensures overlay doesn’t spill */
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.footer-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4); /* semi-transparent dark overlay */
  border-radius: 16px;
  z-index: 1;
}

.banner-inner {
  position: relative;
  z-index: 2; /* ensure content is above overlay */
  display: flex;
  align-items: center;
  gap: 32px;
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 28px;
}
.banner-left {
    flex: 1 1;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.banner-title {
    font-size: 26px;
    margin: 0 0 12px 0;
    font-weight: 500;
}
.banner-text{ 
    color:rgba(255,255,255,0.85); 
    margin-bottom:12px; 
    font-size:14px;
    text-align: center;
    padding: 0 40px;
}
.pricing-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: -10px;
}
.pricing-btn-senzview{
    border-radius: 35px;
    border: 1px solid #2A7CED;
background: #EEF5FF;
display: flex;
padding: 6px 16px;
justify-content: center;
align-items: center;
color: #2A7CED;
    margin-top: -5px;
}

/* rounded image small in banner */
.footer-banner img{ 
    width:100%; 
    border-radius:12px; 
    display:block; 
    object-fit: cover;
}

/* -------------------
   Responsive
   ------------------- */
@media (max-width: 1024px){
  .hero-inner{ flex-direction:column; align-items:center; text-align:center; gap:20px; }
  .why-inner{ flex-direction:column; align-items:center; text-align:center; }
  .why-cards{ grid-template-columns:1fr; }
  .features-grid{ grid-template-columns:repeat(2,1fr); }
  .banner-inner{ flex-direction:column; text-align:center; }
    .capability-panel{ grid-template-columns:1fr; }
}

@media (max-width: 640px){
  .hero-title{ font-size:26px; }
  .features-grid{ grid-template-columns:1fr; }
  .why-image{ width:100%; max-width:360px; }
  section{ padding:36px 0; }
    .capability-btn{ width:100%; }
}
/* newly addded */
.price-list {
  list-style: none; /* remove default bullets */
  padding: 0;
  margin: 0;
}

.price-list li {
  display: flex;
  align-items: center;
  gap: 10px; /* space between icon and text */
  font-size: 16px;
  color: #252B42;
  margin-bottom: 10px;
  line-height: 1.5;
  font-size: 12px;
}
.price-list.highlighted-sec li {
  color: #fff;              /* <-- make text white */
}
.price-list li img {
  width: 16px;
  height: 16px;
  flex-shrink: 0; /* keep icon size fixed */
}
.white-txt{
    color: #fff;
}
.price-sub-last-card{
    display: flex;
    flex-direction: row;
}
.font-size-doller-icon{
    font-size: 22px;
}
.normal-text-senzview{
    font-size: 12px;
    color: #252B42;
}
.price-sub-resub {
    font-size: 13px;
    font-weight: 700;
    margin-top: 12px;
    color: black;
}
/* Bullet css */
.feature-bullets {
  list-style: none;
  padding-left: 0; /* remove default bullet indent */
  margin: 0;
}
.feature-bullets-txt {
  position: relative;
}

/* add bullet icon inside the border */
.feature-bullets-txt::before {
    content: "";
    /* margin-left: 4px; */
    position: absolute;
    left: 0;
    top: 10px;
    width: 10px;
    height: 10px;
    background: url("/images/senzview/check_icon.webp") no-repeat center center;
    background-size: contain;
}
@media only screen and (max-width:768px) {
    .hero-inner {
        padding: 0 20px !important;
    }
    .why-inner {
        padding: 0 20px !important;
        padding-bottom: 45px !important;
    }
    .plug-inner {
    padding: 0 20px !important;
    display: flex;
    flex-direction: column;
    }
    .features-inner{
        padding: 0 20px !important;
    }
    .pricing-inner {
        padding: 0 20px !important;
    }
    .banner-inner {
        padding: 0 20px !important;
    }
    .rounded-imagesenzvision {
    width: 140%;
    height: 155%;
    object-fit: cover;
    border-radius: 90px 0px 90px 90px;
    margin-top: 160px;
    }
    .why-image{
     order: 2;
   }
   .why-section {
    padding-bottom: 15px;
   }
   .feature-card-senzview {
    margin-bottom: 20px;
    }
    .dot-pattern-image.right,
    .dot-pattern-image {
    display: none;
}
.section-subtitle{
    display: flex;
    margin-bottom: 0px;
    justify-content: center;
}
.plug-content {
    margin-top: -55px;
}
.plug-desc{
    text-align: center;
}
.plug-image img {
    width: 100%;
    border-radius: 32px 0px 32px 32px;
    height: 100%;
}
.plug-section {
    height: auto;
}
.pricing-content {
    display: flex;
    flex-direction: column;
}
.pricing-btn-senzview {
    margin-top: -30px;
}
.footer-banner {
    padding: 40px 0px;
    margin-bottom: 50px;
}
.banner-text {
    margin-bottom: 25px;
}
/* Following code is Update for the footer section */
.remove-white-space{
    background: none !important;
    display: block !important;
}
.why-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.why-card {
  display: flex;
  align-items: flex-start;  
  gap: 20px;               
}

.why-card-icon {
  flex-shrink: 0;          
}

.why-card h4,
.why-card p {
  margin: 0;
  text-align: left;       
}
  .senzview-demo-btn {
    display: inline-block !important;
    visibility: visible !important;
    margin: 10px 0;
  }
  .plug-section {
    padding-bottom: 220px;
}
.plug-image {
    margin-top: -145px;
}
.pricing-lead-sub {
    margin-top: -15px;
}
.why-image img {
    width: 375px;
    height: 370px;
}
}

.product-icon img {
  width: 42px;   
  height: 42px;  
  object-fit: contain;
}

.product-card-mini {
  background: white;
  border-radius: 8px;
  padding: 12px 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  min-width: 140px;
  text-decoration: none;
}

.product-card-mini:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.product-icon-img{
    width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-span{
    font-size: 14px;
  font-weight: 500;
  color: #333;
  white-space: nowrap;
}

.head-product{
  color: white;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 30px;
}
.card-product{
     display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: center;
  max-width: 900px;
  margin: 0 auto;
}


.latest-products {
  background-color: #fafafb;
}

.latest-products-title {
  text-align: left !important;
}

.home-page-p {
  text-align: center !important;
}

.home-product-card {
  margin: 40px 0 60px;
  display: flex;
  flex-direction: row;
  gap: 20px;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.latest-products-item {
  display: flex !important;
  flex-direction: row;
  border-radius: 12px !important;
}
.latest-products-item.hover-effect:hover{
  border: 1px solid #2A7CED;
}

.latest-products-name:hover,
.latest-products-item.hover-effect:hover .latest-products-name {
  color: #3b82f6 !important;
}

.product-box-wrapper {
  width: 100%;
  /* max-width: 400px; */
  height: 300px;
   
}

.stack-boder-color {
  border-color: #113060 !important;
}

.career-container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
}

.jobs-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 30px;
}

.job-card,
.internship-card {
  background: #ffffff;
  border-radius: 10px;
  padding: 22px;
  box-shadow: 0 1px 6px rgba(16, 24, 40, 0.06);
  position: relative;
  transition: transform 0.22s ease, box-shadow 0.22s ease;
  overflow: hidden;
  cursor: pointer;
}

.job-card:hover,
.internship-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 28px rgba(16, 24, 40, 0.12);
}

.job-card-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-right: 6px;
}

.job-title-card {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 8px;
  color: #0f172a;
  line-height: 1.2;
  max-width: 308px;
}

.job-description {
  color: #6b7280;
  font-size: 14px;
  line-height: 1.6;
  margin: 0 0 16px;
  overflow: hidden;
}

.job-footer {
  display: flex;
  align-items: center;
  gap: 22px;
  margin-top: 14px;
  flex-wrap: nowrap;
}

.job-meta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #374151;
  font-size: 13px;
  white-space: nowrap;
}

.arrow-circle {
  position: absolute;
  top: 12px;
  right: 12px;
  background: #f2f2f2;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease, transform 0.3s ease;
}

.banner-arrow-icon {
  color: #111827;
  transition: color 0.3s ease, transform 0.3s ease;
}

.job-card:hover .arrow-circle,
.internship-card:hover .arrow-circle {
  background: #2a7ced;
}

.job-card:hover .banner-arrow-icon,
.internship-card:hover .banner-arrow-icon {
  color: #fff;
  transform: rotate(45deg);
}

.solar-header {
  background: #fff;
  padding: 100px 0;
  display: flex;
  justify-content: center;
  height: 550px;
}

.solar-container {
    display: flex;
    align-items: center;
    justify-content: center;
    /* max-width: 1200px; */
    text-align: center;
    width: 100%;
    padding: 0 40px;
    gap: 60px;
    flex-wrap: wrap;
}
.solar-left{
    padding-top: 10px;
    width: 690px;
}
.img-fluid{
  width: 330px;
  height: 440px;
}

.solar-center {
  align-items: center;
}

.solar-heading {
  font-size: 28px;
  font-weight: 600;
  color: #ffffff;
  line-height: 1.4;
}

.solar-heading .highlight {
  color: #f5b800;
  font-weight: 600;
}

.solar-desc {
    margin-top: 15px;
    color: #ffffff;
    line-height: 1.7;
    font-size: 14px;
    /* max-width: 480px; */
}

.solar-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #f5b800;
  color: #fff;
  font-weight: 600;
  border-radius: 8px;
  padding: 12px 22px;
  text-decoration: none;
  margin-top: 25px;
  transition: background 0.3s ease;
}

.solar-btn:hover {
  background: #dca700;
}

.solar-right {
  flex: 1 1 50%;
  display: flex;
  justify-content: flex-end;
}

.solar-image-wrapper {
  position: relative;
  width: 100%;
  max-width: 550px;
}

.solar-image {
  width: 100%;
  border-radius: 12px;
  object-fit: cover;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

.solar-stats {
  position: absolute;
  bottom: -60px;
  right: 50px;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.solar-card {
  background: #fff;
  padding: 0px 20px 20px 20px;
  border-radius: 10px;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.1);
  text-align: center;
  width: 220px;
}

.solar-card h4 {
  font-size: 0.9rem;
  font-weight: 600;
  color: #000;
  margin-bottom: 8px;
}

.solar-card h2 {
  font-size: 2rem;
  font-weight: 600;
  margin: 0;
  color: #000;
}

.solar-card p {
  color: #ffc600;
  font-weight: 600;
  font-size: 0.9rem;
  margin-top: 5px;
}

.solar-card-center {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 10px;
  width: 100%;
}

.solar-card-center .display-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.solar-card-center p {
  color: #f5b800;
  font-weight: 600;
  font-size: 0.9rem;
  margin: 0;
  text-align: center;
}

.mosuarance-color p{
    color: #DC4E0D  !important;
}

.solar-card-center .Arrow {
  width: 16px;
  height: 16px;
  object-fit: contain;
}

.text-align-center {
  text-align: center !important;
}

.update-blog-width{
    margin: 0 auto !important;
    padding: 0 70px !important;
    width: auto;
}
.update-blog-width-only{
    width: auto;
}
.related-posts-txt {
    font-size: 20px;
    font-weight: 500;
    color: #5C6E87;
    font-weight: normal !important;
}
.textbox-newsletter-padding{
    padding: 15px 16px;
}

.latest-products .home-product-card img {
  margin-top: 24px !important; 
}

.job-desc-product{
    display: flex;
    gap: 0.5rem;
    align-items: top;
    margin-top: -32px;
}
.read-more-btn {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  font-size: 16px;
  font-weight: 500;
  color: #2A7CED;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  margin-top: 8px;
  text-align: left;
  transition: 0.3s ease;
}

.read-more-btn:hover {
  color: #2A7CED;
  text-decoration: underline;
}

.read-more-btn::after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("/images/career/chevrons-right.svg");
  background-repeat: no-repeat;
  background-size: contain;
  transform: rotate(-180deg); 
  transition: transform 0.3s ease;
}

.read-more-btn.active::after {
  transform: rotate(0deg); 
}

.read-more-wrap {
  text-align: right;
  clear: both;
  margin-top: 10px;
}
.scrollable-job-section {
  max-height: 600px;
  overflow-y: auto;
  overflow-x: hidden;
  scroll-behavior: smooth;
  background: #fff;
  position: relative;
  padding-bottom: 32px !important;
}

.sticky-job-title {
  position: relative;
  top: 0;
  background: #fff; 
  padding-bottom: 10px;
  z-index: 10;
  border-bottom: 1px solid #f0f0f0;
}

.scrollable-job-section::-webkit-scrollbar {
  width: 6px;
}
.scrollable-job-section::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}
.scrollable-job-section::-webkit-scrollbar-thumb:hover {
  background: #999;
}

.form-control::placeholder {
  font-size: 14px;
  color: #b0b0b0; 
  opacity: 1; 
}

.contact-section {
  padding: 5rem 2rem;
  background: #f9fafb;
}

.contact-grid {
  display: flex;
  grid-template-columns: 1fr;
  gap: 3rem;
}

.section-title {
  font-size: 24px;
  font-weight: 600;
  color: #111827;
  margin-bottom: 0.75rem;
}

.locations {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.location-card {
  border-left: 4px solid #247CED;
  background: rgba(255, 255, 255, 0.7);
  padding: 1rem;
  border-radius: 8px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.3s ease;
}

.location-card:hover {
  box-shadow: 0 3px 10px rgba(0, 82, 204, 0.15);
}

.location-card h4 {
  font-weight: 600;
  color: #111827;
  margin-bottom: 12px !important;
}

.location-card p {
  font-size: 14px;
  color: #4b5563;
  margin-top: 0 !important;
}

.contact-form {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 2rem;
  transition: box-shadow 0.3s ease;
}

.contact-form:hover {
  box-shadow: 0 3px 10px rgba(42, 124, 237, 0.18);
}

.form-group {
  margin-bottom: 1.25rem;
}

.form-group label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #374151;
  margin-bottom: 0.5rem;
}

.form-input {
  width: 100%;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #f9fafb;
  padding: 0.75rem;
  transition: all 0.2s ease;
  font-size: 14px;
}

.form-input:focus {
  background: white;
  border-color: #247CED;
  box-shadow: 0 0 0 2px rgba(36, 124, 237, 0.2);
  outline: none;
}

.polar-form-checkbox {
  display: flex;
  align-items: center; 
  gap: 0.5rem;
  font-size: 14px;
  color: #4b5563;
  line-height: 1.4;
}

.polar-form-checkbox input {
  accent-color: #247CED;
  margin: 0; 
  position: relative;
  top: 0; 
}

.terms-link {
  color: #247CED;
  font-weight: 500;
  text-decoration: none;
}

.terms-link:hover {
  text-decoration: underline;
}

.explore-section {
  background: white;
  padding: 2rem 2rem;
  border-top: 1px solid #f3f4f6;
  text-align: center;
}

.explore-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 2rem;
}

.explore-grid {
  display: flex;
  gap: 1.5rem;
}

.explore-card {
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 1.5rem;
  transition: border 0.3s ease;
  cursor: pointer;
}

.explore-card:hover {
  border-color: #247CED;
}

.explore-card h3 {
  color: #247CED;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.explore-card p {
  font-size: 14px;
  color: #4b5563;
}

.explore-card a {
  color: #247CED;
  font-weight: 500;
  text-decoration: none;
}

.explore-card a:hover {
  text-decoration: underline;
}

.compare-plans-container {
  width: 90%;
  max-width: 1100px;
  margin: 50px auto;
  font-family: "Poppins", sans-serif;
  color: #333;
  padding-top:60px;
}

.compare-table-wrapper {
  overflow-x: auto;
  border-radius: 0px;
  background: #fff;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
}

.compare-table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
}

.compare-table thead th {
  background: #f8fbff;
  color: #0b57d0;
  font-weight: 600;
  padding: 20px 32px;
  font-size: 20px;
  border-bottom: 2px solid #eee;
}

.compare-table thead th:first-child {
  text-align: left;
  color: #333;
}

.compare-table tbody td {
  padding: 20px 32px;
  border-bottom: 1px solid #eee;
  font-size: 14px;
}

.feature-name {
  text-align: left;
  font-weight: 500;
  color: #555;
  width: 35%;
  padding-bottom: 12px;
  padding-top: 12px;
}

.plan-value {
  text-align: center;
  width: 50px;
}

.tick-icon {
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-top: 2px;
}

.text-size{
    font-size: 16px !important;
    font-weight: 600 !important;
}
.cta-row {
  background-color: #f9f9f9;
}

.cta-description {
  text-align: left;
  padding: 20px;
  font-size: 15px;
  color: #333;
}

.cta-button {
  text-align: right;
  padding: 20px;
}

/* --- Mobile version --- */
.mobile-only {
  display: none;
}
.desktop-only {
  display: table-row;
}
@media (max-width: 768px) {
    .desktop-only {
        display: none;
    }
    .mobile-only {
        display: table-row;
    }
    .compare-table-wrapper {
        margin: 0 -16px;
        padding: 0 16px;
    }
    .compare-table thead th,
    .compare-table tbody td {
        padding: 12px 8px;
        font-size: 12px;
    }
    .feature-name {
        width: auto;
    }
}
/* Expanded (Active) Card */

/* Shrink Inactive Cards */

/* Responsive */

.event-meta-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 12px;
    margin-bottom: 8px;
}

.event-meta-item {
    display: flex;
    align-items: center;
    gap: 6px;
}

.event-meta-icon {
    width: 12px;
    height: 12px;
    object-fit: contain;
}

.event-meta-item h3,
.event-meta-item p {
    margin: 0;
    font-size: 14px;
    color: #4b4b4b;
    font-weight: 500;
}

.feature-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  margin-top: 50px;
}

.news-feature-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.news-feature-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 16px;
  margin-bottom: 18px;
  color: #555;
  line-height: 1.5;
}

.testimonial-container {
    display: flex;
    flex-direction: column;
    gap: 40px;
    max-width: 100%;
    margin: auto;
}

.testimonial-card {
    background: #fff;
    border-radius: 8px;
    padding: 30px;
    position: relative;
    box-shadow: 0 4px 20px rgba(0,0,0,0.06);
}

.quote-top,
.quote-bottom {
    display: flex;
    justify-content: flex-start;
}

.quote-bottom {
    justify-content: flex-end;
}

.quote-icon {
    width: 48px;
    height: auto;
}

.testimonial-content {
    padding: 20px 0;
}

.testimonial-text {
    font-size: 14px;
    line-height: 1.6;
    color: #444;
}

.author-section {
    display: flex;
    gap: 16px;
    margin-top: 20px;
    align-items: center;
}

.author-image {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
}

.author-info .author-name {
    margin: 0;
    font-weight: 600;
    font-size: 14px;
}

.author-title,
.author-company {
    margin: 0;
    font-size: 14px;
    color: #777;
}

.rotate-icon{
    rotate: calc(180deg);
}

.author-image-wrapper {
    padding: 4px;                 
    border: 2px solid #2B7DE9;   
    border-radius: 50%;
    display: flex;               
    align-items: center;          
    justify-content: center;      
    width: 64px;                  
    height: 64px;                 
}

.tech-pg-hero-container{
    padding-left: 50px;
    padding-right: 50px;
}

.tech-pg-card-container{
    padding-left: 150px;
    padding-right: 150px;
    padding-bottom: 42px;
}

.tech-sub-topic{
    color:#646464;
}

.tech-features .technology-sec {
    margin-block-start: 0px;
    margin-block-end: 0px;
    color: #36538C;
    font-size: 16px;
    font-weight: 600;
}

.device-pulse-paragraph{
    color: #646464;
}

.tech-scroll-container {
    width: 100%;
    padding: 10px 0;
    overflow: hidden;
}

.tech-scroll.scroll {
    display: flex;
    align-items: center;
    gap: 30px;
    width: max-content;
    animation: techLoop 200s linear infinite;
}

.tech-scroll.no-scroll {
    display: flex;
    justify-content: center; 
    align-items: center;
    gap: 30px;
    width: 100%;
}

.tech-scroll img {
    width: 100px;
    height: auto;
    flex-shrink: 0;
    object-fit: contain;
}

@keyframes techLoop {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}

.event-title-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 10px;
}

.title-arrow-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    position: relative;
}

.event-arrow-circle {
    width: 32px;
    height: 32px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    border: 1px solid #f0f0f0;
    flex-shrink: 0;
    transform: rotate(-45deg);
}

.story-item.event-crd:hover .event-arrow-circle {
    background: #2a7ced;
    transform: rotate(0deg);
}

.story-item.event-crd:hover .banner-arrow-icon {
    color: white;
    transform: rotate(0deg);
}

.banner-arrow-icon {
    color: #333;
    transition: all 0.3s ease;
}

.event-content p {
    margin-top: -12px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    
    .arrow-circle {
        width: 35px;
        height: 35px;
    }
}
.spaced-list li {
  margin-left: 35px;  
  padding-left: 10px;   /* extra space between bullet and text */
  color: #aeaeae;
}
.spaced-list li::marker {
  color: rgb(42, 123, 236);
}

@media only screen and (min-width: 769px) {
  .update-video-height-mobile{
    /* height: auto !important;
    width: 100% !important; */
    border-radius: 10px !important;
    /* margin-top: -170px !important; */
}
.video-mob-height .video-tab-height{
    margin-top: 10px !important;
}
}
@media only screen and (max-width: 1020px) {
    .video-tab-height{
        width: 40% !important;
    }
    .video-tab-height-right{
        width: 61% !important;
    }
    .hero-section-tab{
        gap: 5px;
    }
}

/* Pulsing Animation Styles  */

/* Container for the pulse */

/* Main glowing circle */

/* Expanding rings container */

/* Expanding rings */

/* Keyframes */
@keyframes pulseCircle {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 0 10px #2563eb, 0 0 20px #2563eb33, 0 0 30px #2563eb22;
  }
  50% {
    transform: scale(1.2);
    box-shadow: 0 0 20px #2563eb, 0 0 40px #2563eb55, 0 0 60px #2563eb33;
  }
}

@keyframes pulseRing {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}
.senzmatica-logos{
    height: auto !important;
}

.functions-container {
    width: 100%;
    padding-left: 50px;
    padding-right: 50px;
}

.functions-row {
    display: flex;
    align-items: center;      
    justify-content: center;  
    gap: 40px;
    min-height: 70vh;        
}

.content-col{
    width: 50%;
}

.image-col {
    width: 50%;
}


.content-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mos-img {
    display: block;
    margin: 0 auto;   
}

.mos-description{
  color: #646464;
  margin-top: 0px;
}

.mos-item-wrapper {
    display: flex;
    gap: 25px;
}

.mos-item-card {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 300px;
    background: #ffffff;
    padding: 18px 25px;
    border-radius: 12px;
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: default;
}

.mos-item-card img {
    width: 24px;
    height: 20px;
}


.mos-item-text {
    font-size: 14px;
    font-weight: 500;
    color: #000;
}

.mos-item-card:hover {
    transform: translateY(-4px);
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.08);
}

.value-mos-item-wrapper{
    display: flex;
    gap: 25px;
    width: 100%;
}

.mosex-item-card {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 400px;
    background: #ffffff;
    padding: 18px 25px;
    border-radius: 12px;
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: default;
}

.mosex-item-card img {
    width: 34px;
    height: auto;
}

.mosex-item-card:hover {
    transform: translateY(-4px);
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.08);
}

.value-insurance {
  padding-bottom: 60px;
  text-align: center;
}

.section-title {
  margin-bottom: 40px;
  font-size: 22px;
  font-weight: 600;
}

.value-layout {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.value-column {
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin: 0 40px;
}

.car-value-card {
  position: relative;
  width: 300px;
  background: #fff;
  padding: 18px 22px;
  border-radius: 14px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
  display: flex;
  align-items: center;
  gap: 12px;
}

.car-value-card p {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
}

.car-icon{
  width: 24px;
  height: 24px;
}

.car-wrapper {
  position: relative;
}

.car-image {
  width: 300px;
  height: auto;
  z-index: 2;
}

/* --- Dotted Orange Line --- */
.dotted-line {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 80px;
  height: 0;
  border-top: 2px dashed #ff7a00;
}

.left .car-value-card .dotted-line {
  right: -80px;
}

.right .car-value-card .dotted-line {
  left: -80px;
}

/* Responsive */
@media (max-width: 992px) {
  .value-layout {
    flex-direction: column;
  }

  .value-column {
    margin: 20px 0;
    align-items: center;
  }

  .dotted-line {
    display: none; /* hide lines on small screens */
  }
}

.header-h1{
      font-size: 2.2em;
      margin-top:6px
      }
        .bg-navy-blue {
          background-image: url("/images/aiot/Hero Background.svg");
          background-size: cover;
          background-position: center;
          background-repeat: no-repeat;
          position: relative;
          overflow: hidden;
          padding-bottom: 140px;
        }
        
        .container {
          position: relative;
          /* z-index: 5; */
        }
        
        .hero-section {
          padding: 4rem 0 1rem;
          display: flex;
          align-items: center;
        }
        
        .video-right {
          margin-left: auto;
        }
        
        .aiot-badge {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          background: none;
          border: 2px solid rgba(255, 255, 255, 0.3);
          border-radius: 68px;
          padding: 0.3rem 1.2rem;
          color: white;
          font-weight: 600;
          font-size: 24px;
          backdrop-filter: blur(8px);
          box-shadow: 0 4px 16px rgba(189, 66, 219, 0.3);
          gap: 8px;
          margin-bottom: 1.5rem;
        }
        
        .primary-button {
          display: inline-block;
          background-color: #3b82f6;
          color: white;
          padding: 0.75rem 2rem;
          border-radius: 0.25rem;
          font-weight: bold;
          transition: all 0.3s ease;
        }
        
        .primary-button:hover {
          background-color: #2563eb;
        }
        
        .video-container {
          position: relative;
        }
        
        /* Client Logos Section */
        
       @keyframes scroll-seamless {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(calc(-180px * 10)); /* replace 10 with your number of logos */
            }
        }

        /* Pause animation on hover */

        /* Mobile Responsive Styles */
        @media (max-width: 768px) {
          .hero-section {
            flex-direction: column;
            align-items: stretch;
            padding: 3rem 0 1rem;
          }
          
          .content-section {
            width: 100% !important;
            padding-right: 0 !important;
            order: 2;
            text-align: center !important;
            margin-top: 5rem;
            position: relative;
            top: 230px;
          }
          
          .video-section {
            width: 100% !important;
            order: 1;
            justify-content: center !important;
            margin-bottom: 2rem;
            margin-top: 1rem;
            position: relative;
            top: 140px;
          }
          
          .video-right {
            margin-left: 0;
          }
          
          .video-container video {
            width: 100% !important;
            height: auto !important;
            max-width: 400px;
            aspect-ratio: 1;
          }
          
          .aiot-badge {
            font-size: 20px;
            margin-bottom: 1rem;
          }
          
          .header-h1 {
            font-size: 1.8em !important;
            text-align: center;
          }
          
          .bg-navy-blue {
            padding-bottom: 200px;
            padding-top: 1rem;
            height:  830px;
          }
        }

        @media (max-width: 480px) {
          .video-container video {
            max-width: 320px;
          }
          
          .header-h1 {
            font-size: 1.6em !important;
          }
          
          .aiot-badge {
            font-size: 18px;
          }
          
          .hero-section {
            padding: 5.5rem 0 1rem;
          }
        }

        .read-more-bt {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 500;
  color: #d35400; 
  text-decoration: none;
  position: relative;
  padding: 10px 10px;
  margin-left: auto;
  margin-right: auto;
}

.read-more-bt .arrow {
  display: inline-block;
  padding: 12px 16px;
  background: #ffe8dd;       
  border-radius: 50%;
  transform: rotate(-45deg);   
  transition: transform 0.3s ease;
}

.read-more-bt:hover .arrow {
  transform: rotate(0deg);  
}

/* PAGE WRAPPER */
.faq-wrapper {
  min-height: 100vh;
  background: #f9fafb;
  padding: 48px 16px;
}

.faq-container {
  max-width: 900px;
  margin: 0 auto;
}

/* HEADER */
.faq-header {
  text-align: center;
  margin-bottom: 48px;
}

.faq-title {
  font-size: 20px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 16px;
}

.faq-description {
  color: #6b7280;
  font-size: 16px;
  max-width: 700px;
  margin: 0 auto;
}

/* FAQ CARD */
.faq-card {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  overflow: hidden;
  transition: 0.2s ease;
  margin-bottom: 16px;
}

/* FAQ BUTTON */
.faq-question-btn {
  width: 100%;
  padding: 20px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  background: #ffffff;
  border: none;
  cursor: pointer;
  transition: background 0.2s ease;
}

.faq-question-btn:hover {
  background: #f9fafb;
}

.faq-question-text {
  font-size: 16px;
  font-weight: 600;
  color: #111827;
  padding-right: 20px;
  font-family: 'Poppins';
}

/* ICON */
.faq-icon {
  width: 22px;
  min-width: 22px;
  min-height: 22px;
  height: 22px;
  color: #6b7280;
}

.faq-card .faq-icon {
  color: #005B96;
}

.faq-card:hover .faq-icon {
  color: #0077B6;
}

/* ANSWER AREA */
.faq-answer-box {
  padding: 0 24px 20px 24px;
}

.faq-answer-text {
  color: #4b5563;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 16px;
}

/* CONTACT SECTION */
.faq-contact {
  text-align: center;
  margin-top: 48px;
}

.faq-contact a {
  color: #3b82f6;
  font-weight: 500;
  transition: 0.2s ease;
}

.faq-contact a:hover {
  color: #3b82f6;
}

.faq-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 16px;
  border: 2px solid #DC4E0D ;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 500;
  color: #111827;
  background: #FDF1EA;
  margin: 0 auto;
}

/* See more / See less toggle button */
.faq-toggle-btn {
    /* background: transparent; */
    border: 2px solid #7190d4 !important;
    color: #3b82f6 !important;
    padding: 8px 14px;
    border-radius: 50px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.faq-toggle-btn:hover {
    background: rgba(59, 130, 246, 0.08);
    border-color: rgba(59, 130, 246, 0.18);
}

.faq-toggle-btn:focus-visible {
    outline: 2px solid rgba(59,130,246,0.25);
    outline-offset: 3px;
}

.faq-badge-dot {
  width: 10px;
  height: 10px;
  background-color: #DC4E0D ;
  border-radius: 50%;
}

.faq-polar-badge{
    border: 2px solid #3b82f6 !important ;
    background: #dee8f7 !important ;
}

.faq-polar {
  background-color: #3b82f6 !important ;
}

.faq-factory-badge{
    border: 2px solid #003847  !important ;
    background: #dee8f7 !important ;
}

.faq-factory {
  background-color: #003847 !important ;
}

.faq-boot-badge{
    border: 2px solid #2A7CED  !important ;
    background: #E1ECFB !important ;
}

.faq-boot {
  background-color:#2A7CED  !important ;
}

.faq-sa-badge{
    border: 2px solid #005B96  !important ;
    background: #E6F2FF !important ;
}

.faq-sa {
  background-color:#005B96   !important ;
}
.gap-12{
    gap: 12px !important;
}
.custom-snackbar {
  position: fixed;
  top: 65px;
  right: 24px;
  background-color: white;
  color: #000000;
  padding: 14px 18px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  gap: 12px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.25);
  z-index: 2147483647 !important;
  animation: slideIn 0.3s ease-out;
}

.snackbar-close {
  background: transparent;
  border: none;
  color: #000000;
  font-size: 18px;
  cursor: pointer;
}

@keyframes slideIn {
  from { transform: translateX(120%); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}


/*Loader Styles*/
@keyframes drawStroke {
  0% { stroke-dashoffset: 280; }
  50% { stroke-dashoffset: 0; }
  100% { stroke-dashoffset: -280; }
}

@keyframes pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.6; }
}

.cloud-loader-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

/* Full screen overlay */
.cloud-loader-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff; /* solid white */
  z-index: 99999 !important;
}

/* Inner wrapper */
.cloud-loader-inner {
  pointer-events: none;
}

.cloud-loader-svg {
  width: 140px;
  height: 90px;
}

.cloud-loader-base {
  fill: none;
  stroke: #DADADA;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.cloud-loader-stroke {
  fill: none;
  stroke: #3b82f6;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 280;
  animation: drawStroke 2s ease-in-out infinite;
}

.cloud-loader-text {
  font-size: 16px;
  color: #3b82f6;
  font-weight: 500;
  letter-spacing: 0.3px;
}

/* Animated dots */
.cloud-loader-text::after {
  content: "";
  display: inline-block;
  width: 1.2em;
  text-align: left;
  animation: dots 1.5s steps(4, end) infinite;
}

@keyframes dots {
  0%   { content: ""; }
  25%  { content: "."; }
  50%  { content: ".."; }
  75%  { content: "..."; }
  100% { content: ""; }
}



/* New Hero Section Styles */


 .title-highlight {
    background: linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}


@media (max-width: 768px) {

          .hero-title {
            font-size: 40px;
          }

          
        }


        @media (max-width: 480px) {
          .hero-title {
            font-size: 32px;
          }

          .aiot-badge {
            font-size: 20px;
            padding: 0.25rem 1rem;
          }

          .aiot-badge img {
            height: 24px !important;
            width: 24px !important;
          }
        }

/* ==================== MODERN HOME HERO SECTION ==================== */

.home-hero {
  position: relative;
  background: linear-gradient(135deg, #0a1929 0%, #1a2332 50%, #0f172a 100%);
  background-size: cover;
  background-position: center;
  overflow-x: hidden;
  /* Avoid inner scrollbars in the hero */
  overflow-y: hidden;
  padding: 0;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  /* Desktop: hero covers full viewport height */
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  isolation: isolate;
  width: 100%;
  box-sizing: border-box;
}

/* Subtle animated background gradient overlay */
.home-hero::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 30% 50%, rgba(42, 124, 237, 0.15) 0%, transparent 50%),
              radial-gradient(circle at 70% 50%, rgba(6, 182, 212, 0.1) 0%, transparent 50%);
  pointer-events: none;
  z-index: 0;
}

.home-hero__container {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  /* Extra breathing room so content + logos feel balanced */
  padding: 7rem 2rem 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

/* Override legacy header container spacing for the new home hero only */
header.home-hero .container.homepage-container.home-hero__container {
  margin-top: 0;
  /* Use the same top padding as the hero container for consistent vertical rhythm */
  padding-top: 2rem;
}

.home-hero__content {
  display: flex;
  flex-direction: column;
  /* More vertical spacing between eyebrow, title, subtitle, CTAs and logos */
  gap: 2rem;
  max-width: 800px;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  align-items: center;
  box-sizing: border-box;
}

.home-hero__eyebrow {
  font-size: 0.875rem;
  font-weight: 600;
  color: #60a5fa;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0 auto;
  display: block;
  text-align: center;
  width: 100%;
}

.home-hero__title {
  font-size: clamp(2.5rem, 5vw, 3.75rem);
  font-weight: 500;
  line-height: 1.1;
  color: #ffffff;
  margin: 0;
  letter-spacing: -0.02em;
}

.home-hero__subtitle {
  font-size: clamp(1rem, 2vw, 1.25rem);
  line-height: 1.6;
  color: #cbd5e1;
  margin: 0;
  max-width: 100%;
  font-family: 'Poppins', sans-serif;
}

.home-hero__ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 0.5rem;
  justify-content: center;
}

.home-hero__ctas .primary-button {
  padding: 0.875rem 2rem;
  font-size: 1rem;
  font-weight: 600;
  background: linear-gradient(135deg, #2A7CED 0%, #1e6dd8 100%);
  color: #ffffff;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 12px rgba(42, 124, 237, 0.3);
  text-decoration: none;
  display: inline-block;
}

.home-hero__ctas .primary-button:hover {
  background: linear-gradient(135deg, #1e6dd8 0%, #1565c0 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(42, 124, 237, 0.4);
}

.home-hero__ctas .primary-button:active {
  transform: translateY(0);
}

.home-hero__ctas .primary-button:focus-visible {
  outline: 2px solid #60a5fa;
  outline-offset: 2px;
}

.home-hero__clients {
  padding: 1.75rem 0 2rem;
  background: radial-gradient(circle at top, #0b1120 0, #020617 50%, #020617 100%);
  color: #e5e7eb;
}

.home-hero__clients-inner {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 1.5rem;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .home-hero {
    /* Mobile: hero also fills the viewport height */
    min-height: 100vh;
  }

  header.home-hero .home-hero__container {
    padding: 5.5rem 1.25rem 0px;
  }

  .home-hero__content {
    /* On mobile, keep content in a centered column instead of full-bleed */
    max-width: 90%;
    width: auto;
    text-align: center;
    align-items: center;
    gap: 1.6rem;
    margin: 0 auto;
  }

  .home-hero__title {
    font-size: 2.1rem;
  }

  .home-hero__subtitle {
    font-size: 0.98rem;
  }

  .home-hero__ctas {
    width: 100%;
    justify-content: center;
  }

  .home-hero__ctas .interactive-btn {
    width: auto;
    max-width: 100%;
    text-align: center;
  }
}

/* Extra-small phones: tighten spacing but keep readable width */
@media (max-width: 480px) {
  .home-hero__content {
    gap: 1rem;
    max-width: 92%;
    margin-top: 75px !important;
  }

  .home-hero__title {
    font-size: 1.9rem;
  }

  .home-hero__subtitle {
    font-size: 0.95rem;
  }
}

/* Home page sections – small mobile refinements for modern, airy layout */
@media (max-width: 480px) {
  .explore-products {
    padding: 3rem 1.25rem 2.5rem;
  }

  .explore-products__title {
    font-size: 1.6rem;
  }

  .explore-products__subtitle {
    font-size: 0.9rem;
  }

  .explore-products__grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .explore-products__card {
    align-items: flex-start;
  }
}

.secondary-button {
  padding: 0.875rem 2rem;
  font-size: 1rem;
  font-weight: 600;
  background: transparent;
  color: #ffffff;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: none;
  display: inline-block;
  backdrop-filter: blur(10px);
}

.secondary-button:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-2px);
}

.secondary-button:active {
  transform: translateY(0);
}

.secondary-button:focus-visible {
  outline: 2px solid #60a5fa;
  outline-offset: 2px;
}

/* Section Navigation Tabs */
/* ===================== EXPLORE PRODUCTS SECTION ===================== */

.explore-products {
  width: 100%;
  background: radial-gradient(circle at top, rgba(59,130,246,0.08) 0, transparent 55%), #020617;
  color: #e5e7eb;
  padding: 3.5rem 0 3.75rem;
}

.explore-products__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1.5rem;
}

.explore-products__header {
  max-width: 720px;
  margin: 0 auto 2.5rem;
  text-align: center;
}

.explore-products__eyebrow {
  font-size: 0.75rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #60a5fa;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.explore-products__title {
  font-weight: 600;
  color: #f9fafb;
  margin: 0 0 0.75rem;
}

.explore-products__subtitle {
  font-size: 0.95rem;
  line-height: 1.6;
  color: #9ca3af;
  margin: 0;
}

.explore-products__grid {
  display: grid;
  /* Base: smaller screens get 2 columns */
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
  margin-top: 2.5rem;
}

/* Medium screens: 3 columns */
@media (min-width: 768px) {
  .explore-products__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Large screens: 4 columns → with 8 products this stays at 2 rows */
@media (min-width: 1024px) {
  .explore-products__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.explore-products__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  gap: 0.75rem;
  padding: 1.1rem 1.1rem;
  background: radial-gradient(circle at top left, rgba(37,99,235,0.16), rgba(15,23,42,0.98));
  border-radius: 1.25rem;
  border: 1px solid rgba(148,163,184,0.4);
  text-decoration: none;
  color: #e5e7eb;
  transition: all 0.25s ease;
}

.explore-products__card:hover {
  border-color: #60a5fa;
  box-shadow: 0 18px 35px rgba(15,23,42,0.9);
  transform: translateY(-4px);
  background: radial-gradient(circle at top, rgba(59,130,246,0.22), rgba(15,23,42,1));
}

.explore-products__logo-wrap {
    width: 55px;
    padding: 5px;
    height: 55px;
    border-radius: 10px;
    background: white;
    display: flex;
    border: 2px solid #f1f5f987;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.explore-products__logo-wrap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.explore-products__card-title {
  font-size: 0.9rem;
  font-weight: 600;
  margin: 0;
  white-space: nowrap;
}

.explore-products__card-text {
  display: block;
  font-size: 0.8rem;
  line-height: 1.5;
  color: #9ca3af;
}

.explore-products__actions {
  margin-top: 2rem;
  text-align: center;
}

.explore-products__view-more {
  padding: 0.7rem 1.6rem;
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,0.7);
  background: rgba(15,23,42,0.85);
  color: #e5e7eb;
  font-size: 0.9rem;
  font-weight: 500;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  transition: all 0.2s ease;
}

.explore-products__view-more:hover {
  background: #0f172a;
  border-color: #60a5fa;
  box-shadow: 0 12px 30px rgba(15,23,42,0.9);
}

@media (max-width: 480px) {
  .explore-products__view-more {
    width: 100%;
    justify-content: center;
  }
}

@media (min-width: 1024px) {
  .explore-products__card {
    padding: 1.25rem 1.35rem;
  }

  .explore-products__card-title {
    font-size: 0.95rem;
  }
}

/* --------------------------------------------------------------
   Clients Marquee Section
-------------------------------------------------------------- */

.clients-marquee-section {
  position: relative;
  overflow: hidden;
  padding-top: 4rem;
  padding-bottom: 4rem;
  background: radial-gradient(circle at top, rgba(15,23,42,0.9), #020617);
}

.clients-marquee-header {
  text-align: center;
  margin-bottom: 2.5rem;
}

.clients-marquee-eyebrow {
  font-size: 0.75rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #9ca3af;
  text-align: center;
  margin-bottom: 0.5rem;
}

.clients-marquee-title {
  font-size: clamp(1.5rem, 2.4vw, 2rem);
  font-weight: 500;
  color: #e5e7eb;
  margin: 0;
}

.clients-marquee-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
  -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}

/* Home hero variant: show a static, lightweight logo row (no marquee animation) */

.clients-marquee-track {
  display: flex;
  align-items: center;
  gap: 3.5rem;
  padding: 1.5rem 0;
  /* Make track as wide as its content so the loop can repeat smoothly */
  width: max-content;
  animation: clients-marquee-scroll 28s linear infinite;
  /* Prevent overflow */
  will-change: transform;
}

.clients-marquee-item {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.9;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.clients-marquee-item img {
  height: 42px;
  width: auto;
  object-fit: contain;
  /* Show original brand colors */
  opacity: 0.95;
  transition: opacity 0.2s ease;
}

.clients-marquee-item:hover {
  opacity: 1;
  transform: translateY(-2px);
}

@keyframes clients-marquee-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    /* Shift by roughly one "set" of logos; content is duplicated multiple times */
    transform: translateX(-33.333%);
  }
}

@media (max-width: 767px) {
  .clients-marquee-track {
    gap: 2.25rem;
    animation-duration: 22s;
  }

  .clients-marquee-item img {
    height: 32px;
  }
}

/* ==================== HOME FOOTER CTA STRIP ==================== */

.home-footer-cta {
  width: 100%;
  /* Soft light background with subtle gradient and glow */
  background:
    radial-gradient(circle at top left, rgba(59,130,246,0.14), transparent 55%),
    radial-gradient(circle at bottom right, rgba(14,165,233,0.12), transparent 55%),
    #f3f4f6;
  color: #020617;
  padding: 3.25rem 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-top: 1px solid rgba(15,23,42,0.06);
  box-shadow: 0 -18px 45px rgba(15,23,42,0.12);
  position: relative;
  overflow: hidden;
}

.home-footer-cta__inner {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
}

.home-footer-cta__title {
  margin: 0 0 0.75rem;
  font-size: 36px;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: #020617;
}

.home-footer-cta__subtitle {
  font-size: 0.98rem;
  line-height: 1.6;
  color: #4b5563;
}

.home-footer-cta__action {
  display: flex;
  justify-content: center;
}

.home-footer-cta .interactive-btn {
  min-width: 180px;
}

@media (max-width: 767px) {
  .home-footer-cta {
    padding: 2.75rem 1.25rem 2.9rem;
  }

  .home-footer-cta__title {
    font-size: 1.7rem;
  }

  .home-footer-cta__subtitle {
    font-size: 0.95rem;
  }
}

/* Responsive Products Dropdown */


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

/* Large Desktop (1440px+) */
@media (min-width: 1440px) {
  .home-hero__container {
    max-width: 1400px;
    padding: 8rem 3rem 6rem;
  }
  
  .home-hero__content {
    max-width: 900px;
  }
  
  .home-hero__title {
    font-size: 4rem;
  }
}

/* Desktop (1024px - 1439px) */
@media (max-width: 1439px) and (min-width: 1024px) {
  .home-hero__container {
    padding: 6rem 2rem 4rem;
  }
  
  .home-hero__content {
    max-width: 800px;
  }
}

/* Tablet (768px - 1023px) */
@media (max-width: 1023px) and (min-width: 768px) {
  .home-hero {
    min-height: auto;
    padding: 2rem 0;
    overflow-x: hidden;
  }
  
  .home-hero__container {
    padding: 4rem 2rem 3rem;
    width: 100%;
    max-width: 100%;
  }
  
  .home-hero__content {
    max-width: 700px;
    width: 100%;
    padding: 0 1rem;
  }
}

/* Mobile Large (481px - 767px) */
@media (max-width: 767px) and (min-width: 481px) {
  .home-hero {
    min-height: auto;
    padding: 1.5rem 0;
    overflow-x: hidden;
  }
  
  .home-hero__container {
    padding: 3rem 1rem 2.5rem;
    width: 100%;
    max-width: 100%;
  }
  
  .home-hero__content {
    gap: 1.25rem;
    max-width: 100%;
    width: 100%;
    padding: 0;
  }
  
  .home-hero__eyebrow {
    font-size: 0.8125rem;
    width: 100%;
  }
  
  .home-hero__title {
    font-size: clamp(1.875rem, 6vw, 2.25rem);
    width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
  
  .home-hero__subtitle {
    font-size: 1.0625rem;
    width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
  
  .home-hero__ctas {
    flex-direction: column;
    width: 100%;
    gap: 0.875rem;
    padding: 0;
  }
  
  .home-hero__ctas .interactive-btn {
    width: 100%;
    text-align: center;
    padding: 0.875rem 1.5rem;
    box-sizing: border-box;
  }
}

/* Mobile Small (320px - 480px) */
@media (max-width: 480px) {
  .home-hero {
    min-height: auto;
    padding: 1rem 0;
  }
  
  .home-hero__container {
    padding: 2.5rem 1rem 2rem;
  }
  
  .home-hero__content {
    gap: 1rem;
    max-width: auto !important;
  }
  
  .home-hero__eyebrow {
    font-size: 0.75rem;
  }
  
  .home-hero__title {
    font-size: 1.875rem;
    line-height: 1.2;
  }
  
  .home-hero__subtitle {
    font-size: 1rem;
    line-height: 1.5;
  }
  
  .home-hero__ctas {
    flex-direction: column;
    width: 100%;
    gap: 0.75rem;
  }
  
  .home-hero__ctas .interactive-btn {
    width: 100%;
    text-align: center;
    padding: 0.75rem 1.25rem;
    font-size: 0.9375rem;
    box-sizing: border-box;
  }
}

/* Extra Small Mobile (max-width: 320px) */
@media (max-width: 320px) {
  .home-hero {
    overflow-x: hidden;
  }
  
  .home-hero__container {
    padding: 2rem 0.5rem 1.5rem;
    width: 100%;
    max-width: 100%;
  }
  
  .home-hero__content {
    width: 100%;
    padding: 0;
  }
  
  .home-hero__title {
    font-size: 1.5rem;
    width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
  
  .home-hero__subtitle {
    font-size: 0.875rem;
    width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
  
  .home-hero__ctas {
    width: 100%;
    padding: 0;
  }
  
  .home-hero__ctas .interactive-btn {
    padding: 0.625rem 1rem;
    font-size: 0.875rem;
    width: 100%;
    box-sizing: border-box;
  }
}

/* Landscape orientation adjustments for tablets */
@media (max-width: 1023px) and (min-width: 768px) and (orientation: landscape) {
  .home-hero {
    min-height: auto;
    padding: 2rem 0;
  }
  
  .home-hero__container {
    padding: 3rem 2rem 2rem;
  }
  
  .home-hero__content {
    max-width: 800px;
  }
}

/* Print styles */
@media print {
  .home-hero {
    background: #ffffff;
    min-height: auto;
    padding: 2rem 0;
  }
  
  .home-hero__ctas {
    display: none;
  }
}

/* ==================== END MODERN HOME HERO SECTION ==================== */


/* MedTech Platform Styles */

.medtech-platform {
  background-color: #ffffff;
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 2rem;
  font-family: 'Poppins', sans-serif;
}

.medtech-container {
  max-width: 1440px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
}

/* Header Section */
.medtech-header {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}

.medtech-title {
  font-size: 32px;
  font-weight: 600;
  color: #2b2c2c;
}

.medtech-subtitle {
  font-size: 16px;
  font-weight: 400;
  color: #8a91a7;
  max-width: 640px;
}

/* Cards Grid */
.medtech-cards-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 24px;
}

@media (max-width: 768px) {
    .medtech-cards-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}

/* Card Styles */
.medtech-innovation-card {
  background-color: #ffffff;
  border: 2px solid transparent;
  width: 100%;
  border-radius: 8px;
  padding: 1.5rem;
  border: 1px solid #e6e6e6;
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  transition: border-color 0.3s ease;
}

.medtech-innovation-card:hover {
  border-color: #2A7CED;
}

.medtech-innovation-card-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1rem;
}

.medtech-icon-wrapper {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  background-color: rgba(42, 124, 237, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

.medtech-innovation-card-number {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 48px;
  color: #f3f4f6;
  line-height: 48px;
  padding-top: 0.25rem;
}

.medtech-innovation-card-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.medtech-innovation-card-title {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 20px;
  color: #2b2c2c;
  line-height: 27.5px;
  margin-bottom: 0.75rem;
}

.medtech-innovation-card-description {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #4a5565;
  line-height: 22.75px;
}

/* Buttons Section */
.medtech-buttons {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-top: 1rem;
}

.medtech-btn {
  padding: 1.125rem 1.75rem;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  transition: all 0.3s ease;
  cursor: pointer;
  border: none;
  font-family: 'Poppins', sans-serif;
}

.medtech-btn-primary {
  background-color: #2a7ced;
  color: #ffffff;
}

.medtech-btn-primary:hover {
  background-color: #2366c4;
}

.medtech-btn-text {
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
}

.learn-more {
  display: inline-flex;
  align-items: center;
  gap: 6px;

  padding: 0;
  margin-top: auto;

  background: none;
  border: none;

  color: #2a7ced;
  font-size: 14px;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;

  cursor: pointer;
}

.learn-more svg {
  width: 16px;
  height: 16px;
  transition: transform 0.25s ease;
}

.learn-more:hover svg {
  transform: translateX(4px);
}



/* Responsive Design */
@media (min-width: 768px) {
  .medtech-platform {
    padding: 4rem;
  }

  .medtech-buttons {
    flex-direction: row;
  }

}



/* Medtech innovation Page */

/* Hero Section */
.medtech-hero-section {
  background: linear-gradient(135deg, #001f4d 0%, #003d7a 100%);
  padding: 120px 20px;
  min-height: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.medtech-hero-section::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #041937;
  pointer-events: none;
}

.medtech-hero-content {
  text-align: center;
  color: white;
  max-width: 900px;
  position: relative;
  z-index: 1;
}

.medtech-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #2A7CED;
  border-radius: 30px;
  padding: 10px 20px;
  margin-bottom: 30px;
  font-size: 14px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.9);
}

.medtech-hero-badge::before {
  font-size: 16px;
}

.medtech-hero-title {
  font-size: 40px;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 20px;
  color: white;
}

.medtech-hero-subtitle {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 40px;
  color: rgba(255, 255, 255, 0.85);
}

.medtech-challenge-hero-section {
  background: linear-gradient(135deg, #001f4d 0%, #003d7a 100%);
  padding: 60px 60px;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.medtech-challenge-hero-section::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #041937;
  pointer-events: none;
}

.medtech-challenge-hero-container {
  display: flex;
  gap: 60px;
  max-width: 1400px;
  width: 100%;
  position: relative;
  z-index: 1;
  align-items: flex-start;
}

.medtech-challenge-hero-left {
  flex: 1;
  color: white;
  padding-right: 40px;
}

.medtech-challenge-hero-title {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 24px;
  color: #ffffff;
}

.medtech-challenge-hero-meta {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: rgba(255, 255, 255, 0.1);
  padding: 12px 20px;
  border-radius: 12px;
  width: fit-content;
  gap: 32px;
  margin-bottom: 8px;
}

.meta-item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
}

.meta-item svg {
  color: rgba(255, 255, 255, 0.7);
  flex-shrink: 0;
}

.meta-badge {
  display: flex;
  gap: 10px;
}

.status-badge {
  display: inline-block;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
}

.status-badge.completed {
  background-color: #E8FAEF;
  color: #10C45D;
  border: 1px solid #10C45D;
}

.status-badge.active {
  background-color: #EBF4FF;
  color: #2A7CED;
  border: 1px solid #2A7CED;
}

.medtech-challenge-hero-details {
  display: flex;
  flex-direction: row;
  gap: 32px;
}

.detail-item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
}

.detail-item svg {
  color: rgba(255, 255, 255, 0.6);
  flex-shrink: 0;
}

.medtech-challenge-hero-card {
  width: 360px;
  background: white;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  flex-shrink: 0;
}

.challenge-info-title {
  font-size: 18px;
  font-weight: 600;
  color: #2A7CED;
  margin-bottom: 24px;
}

.challenge-info-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 24px;
}

.info-content {
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
}

.info-label {
  font-size: 16px;
  font-weight: 600;
  color: #2B2C2C;
}

.info-value {
  font-size: 16px;
  color: #1F2937;
  line-height: 1.4;
}

.view-details-button {
  width: 100%;
  padding: 12px 16px;
  background: #2A7CED;
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

.view-details-button:hover {
  background: #1f5fd4;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(42, 124, 237, 0.3);
}

@media (max-width: 1024px) {
  .medtech-challenge-hero-container {
    flex-direction: column;
    gap: 40px;
    align-items: center;
  }

  .medtech-challenge-hero-left {
    padding-right: 0;
    width: 100%;
  }

  .medtech-challenge-hero-card {
    width: 100%;
    max-width: 360px;
  }

  .medtech-challenge-hero-title {
    font-size: 36px;
  }

  
}

@media (max-width: 768px) {
  .medtech-challenge-hero-section {
    padding: 60px 16px;
    min-height: auto;
  }

  .medtech-challenge-hero-meta {
    background: none;
  }

  .medtech-challenge-hero-container {
    flex-direction: column;
    gap: 30px;
  }

  .medtech-challenge-hero-left {
    padding-right: 0;
  }

  .medtech-challenge-hero-title {
    font-size: 28px;
  }

  .medtech-challenge-hero-card {
    width: 100%;
  }

  .medtech-challenge-hero-meta {
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
  }

  .meta-badge {
    order: -1;
  }

  .medtech-challenge-hero-details {
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
  }
}

.medtech-hero-buttons {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
}

.medtech-hero-btn {
  padding: 14px 40px;
  font-size: 16px;
  font-weight: 600;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.medtech-hero-btn-primary {
  background: #2A7CED;
  color: white;
  font-family: 'Poppins', sans-serif;
}

.medtech-hero-btn-primary:hover {
  background: #1f5fd4;
}

.medtech-hero-btn-secondary {
  background: white;
  color: #001f4d;
  font-family: 'Poppins', sans-serif;
}

.medtech-hero-btn-secondary:hover {
  color: #2A7CED;
}

@media (max-width: 768px) {
  .medtech-hero-section {
    padding: 80px 20px;
    min-height: 500px;
  }

  .medtech-hero-title {
    font-size: 36px;
  }

  .medtech-hero-subtitle {
    font-size: 16px;
    margin-bottom: 30px;
  }

  .medtech-hero-buttons {
    gap: 15px;
  }

  .medtech-hero-btn {
    padding: 12px 30px;
    font-size: 14px;
  }
}


/* Interest Card Styles */

.interest-card {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 32px;
  max-width: 600px;
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.interest-card:hover {
  border-color: #2a7ced;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
}

/* Status badge */
.status-badge {
  display: inline-flex;
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  width: fit-content;
  border: 1.5px solid;
}

.status-badge.active-challenge {
  background: #ebf4ff;
  border-color: #2a7ced;
  color: #2a7ced;
  margin-bottom: 8px;
}

.status-badge.completed {
  background: #e8faef;
  border-color: #10c45d;
  color: #10c45d;
}

/* Text */
.card-title {
  font-size: 18px;
  font-weight: 700;
  color: #1f2937;
}

.card-description {
  font-size: 14px;
  color: #6b7280;
  line-height: 1.6;

  display: -webkit-box;
  line-clamp: 4;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Details */
.card-details {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: auto;
  margin-bottom: 24px;
}

.detail-item {
  display: flex;
  align-items: center;
  gap: 12px;
}

.detail-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.detail-value {
  font-size: 14px;
  color: #1f2937;
  font-weight: 500;
}

.detail-label {
  font-size: 14px;
  color: #6b7280;
}

/* Actions */
.card-actions {
  display: flex;
  justify-content: flex-end;
}

.express-button {
  padding: 14px 24px;
  background: #2a7ced;
  color: #ffffff;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.3s ease;
}

.express-button:hover {
  background: #1f5fd4;
}

/* Responsive */
@media (max-width: 640px) {
  .interest-card {
    padding: 24px;
  }

  .card-title {
    font-size: 16px;
  }
}


/* Challenge Form Styles */

                .challenge-form-wrapper {
                    width: 100%;
                    max-width: 980px; /* limit width to match interest form */
                    margin: 32px auto; /* center and add vertical spacing */
                    background: white;
                    border-radius: 12px;
                    overflow: hidden;
                    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
                }

        .form-header {
          background: linear-gradient(135deg, #001f4d 0%, #003d7a 100%);
          padding: 40px;
          color: white;
        }

        .form-header-title {
          font-size: 24px;
          font-weight: 600;
          margin-bottom: 10px;
          color: white;
        }

        .form-header-subtitle {
          font-size: 16px;
          color: rgba(255, 255, 255, 0.85);
        }

        .form-content {
          padding: 40px;
        }

        .success-message {
          background: #d1fae5;
          border: 1px solid #6ee7b7;
          border-radius: 8px;
          padding: 16px;
          margin-bottom: 24px;
          color: #065f46;
          font-weight: 500;
          display: flex;
          align-items: center;
          gap: 12px;
        }

        .success-message::before {
          content: "✓";
          font-size: 20px;
          font-weight: bold;
        }

        .error-message {
          background: #fee2e2;
          border: 1px solid #fca5a5;
          border-radius: 8px;
          padding: 16px;
          margin-bottom: 24px;
          color: #991b1b;
          font-weight: 500;
        }

        .form-group {
          margin-bottom: 24px;
        }

        .form-row {
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 24px;
          margin-bottom: 24px;
        }

        .form-row.full {
          grid-template-columns: 1fr;
        }

        .form-label {
          display: block;
          font-size: 14px;
          font-weight: 600;
          color: #1f2937;
          margin-bottom: 8px;
        }

        .form-label.required::after {
          content: " *";
          color: #ef4444;
        }

        .form-input,
        .form-select,
        .form-textarea {
          width: 100%;
          padding: 12px 16px;
          border: 1px solid #d1d5db;
          border-radius: 8px;
          font-size: 15px;
          /* font-family: inherit; */
          transition: all 0.3s ease;
          background: white;
        }

        .form-input:focus,
        .form-select:focus,
        .form-textarea:focus {
          outline: none;
          border-color: #0066ff;
          box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.1);
        }

        .form-input.error,
        .form-select.error,
        .form-textarea.error {
          border-color: #ef4444;
        }

        .form-input.error:focus,
        .form-select.error:focus,
        .form-textarea.error:focus {
          box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
        }

        .form-input::placeholder {
          color: #9ca3af;
        }

        .error-text {
          font-size: 13px;
          color: #ef4444;
          margin-top: 6px;
          font-weight: 500;
        }

        .form-textarea {
          resize: vertical;
          min-height: 140px;
          /* font-family: inherit; */
        }

        .form-textarea::placeholder {
          color: #9ca3af;
        }

        .form-buttons {
          display: flex;
          gap: 16px;
          margin-top: 32px;
          justify-content: flex-end;
        }

        .btn {
          padding: 14px 32px;
          font-size: 16px;
          font-weight: 600;
          border: none;
          border-radius: 8px;
          cursor: pointer;
          transition: all 0.3s ease;
          min-width: 150px;
          font-family: 'Poppins', sans-serif;
        }

        .btn-cancel {
          background: white;
          color: #1f2937;
          border: 1px solid #d1d5db;
        }

        .btn-cancel:hover {
          background: #f9fafb;
          border-color: #9ca3af;
        }

        .btn-submit {
          background: #2A7CED;
          color: white;
          box-shadow: 0 4px 12px rgba(42, 124, 237, 0.3);
        }

        .btn-submit:hover:not(:disabled) {
          background: #1f5fd4;
          transform: translateY(-2px);
          box-shadow: 0 6px 16px rgba(42, 124, 237, 0.4);
        }

        .btn-submit:disabled {
          opacity: 0.7;
          cursor: not-allowed;
        }

        .button-loader {
          display: inline-block;
          width: 16px;
          height: 16px;
          border: 2px solid rgba(255, 255, 255, 0.3);
          border-top-color: white;
          border-radius: 50%;
          animation: spin 0.8s linear infinite;
          margin-right: 8px;
        }

        @keyframes spin {
          to {
            transform: rotate(360deg);
          }
        }

        @media (max-width: 768px) {
          .form-header {
            padding: 30px;
          }

          .form-header-title {
            font-size: 24px;
          }

          .form-content {
            padding: 24px;
          }

          .form-row {
            grid-template-columns: 1fr;
            gap: 16px;
            margin-bottom: 16px;
          }

          .form-buttons {
            flex-direction: column-reverse;
            gap: 12px;
          }

          .btn {
            width: 100%;
            min-width: unset;
          }
        }


/* Interest Card List Styles */

        .cards-list-container {
          width: 100%;
          padding: 40px 60px;
        }

        .cards-list-header {
          text-align: center;
          margin-bottom: 50px;
        }

        .cards-list-title {
          font-size: 36px;
          font-weight: 700;
          color: #1f2937;
          margin-bottom: 12px;
        }

        .cards-list-subtitle {
          font-size: 16px;
          color: #6b7280;
          max-width: 600px;
          margin: 0 auto;
        }

        .cards-grid {
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          gap: 32px;
          max-width: 1400px;
          margin: 0 auto;
        }

        .empty-state {
          text-align: center;
          padding: 80px 20px;
          color: #6b7280;
        }

        .empty-state-icon {
          font-size: 64px;
          margin-bottom: 20px;
        }

        .empty-state-title {
          font-size: 24px;
          font-weight: 600;
          color: #1f2937;
          margin-bottom: 10px;
        }

        .empty-state-message {
          font-size: 16px;
          color: #9ca3af;
          max-width: 400px;
          margin: 0 auto;
        }

        .loading-container {
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          gap: 32px;
          max-width: 1400px;
          margin: 0 auto;
        }

        .pagination-container {
          display: flex;
          justify-content: center;
          align-items: center;
          gap: 12px;
          margin-top: 50px;
          padding: 20px 0;
        }

        .pagination-button {
          padding: 10px 16px;
          border: 1px solid #e5e7eb;
          background: white;
          border-radius: 8px;
          cursor: pointer;
          font-size: 14px;
          font-weight: 500;
          transition: all 0.3s ease;
          color: #1f2937;
        }

        .pagination-button:hover:not(:disabled) {
          background: #2A7CED;
          color: white;
          border-color: #2A7CED;
        }

        .pagination-button:disabled {
          opacity: 0.5;
          cursor: not-allowed;
        }

        .pagination-button.active {
          background: #2A7CED;
          color: white;
          border-color: #2A7CED;
        }

        .pagination-info {
          font-size: 14px;
          color: #6b7280;
          margin: 0 16px;
        }

        .search-container {
          margin: 0 0 40px 0;
          display: flex;
          justify-content: flex-start;
          align-items: center;
        }

        .search-wrapper {
          position: relative;
          width: 100%;
          max-width: 400px;
        }

        .search-icon {
          position: absolute;
          left: 14px;
          top: 50%;
          transform: translateY(-50%);
          width: 20px;
          height: 20px;
          display: flex;
          align-items: center;
          justify-content: center;
          pointer-events: none;
          color: #6b7280;
          z-index: 10;
        }

        .search-icon img,
        .search-icon svg {
          width: 100%;
          height: 100%;
        }

        .search-input {
          width: 100%;
          padding: 12px 16px 12px 42px;
          font-size: 16px;
          border: 2px solid #e5e7eb;
          border-radius: 8px;
          transition: all 0.3s ease;
          outline: none;
        }

        .search-input:focus {
          border-color: #2A7CED;
          box-shadow: 0 0 0 3px rgba(42, 124, 237, 0.1);
        }

        .search-input::placeholder {
          color: #9ca3af;
        }

        .search-results-info {
          text-align: center;
          font-size: 14px;
          color: #6b7280;
          margin-top: 16px;
        }

        .skeleton-card {
          background: white;
          border: 1px solid #e5e7eb;
          border-radius: 12px;
          padding: 32px;
          animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
        }

        @keyframes pulse {
          0%,
          100% {
            opacity: 1;
          }
          50% {
            opacity: 0.5;
          }
        }

        .skeleton-badge {
          height: 32px;
          width: 120px;
          background: #e5e7eb;
          border-radius: 20px;
          margin-bottom: 24px;
        }

        .skeleton-title {
          height: 28px;
          background: #e5e7eb;
          border-radius: 8px;
          margin-bottom: 16px;
          width: 80%;
        }

        .skeleton-text {
          height: 16px;
          background: #e5e7eb;
          border-radius: 4px;
          margin-bottom: 12px;
        }

        .skeleton-text:last-of-type {
          width: 60%;
        }

        @media (max-width: 1024px) {
          .cards-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 24px;
          }

          .loading-container {
            grid-template-columns: repeat(2, 1fr);
            gap: 24px;
          }
        }

        @media (max-width: 768px) {
          .cards-list-container {
            padding: 30px 16px;
          }

          .cards-list-title {
            font-size: 28px;
          }

          .cards-grid {
            grid-template-columns: 1fr;
            gap: 20px;
          }

          .loading-container {
            grid-template-columns: 1fr;
            gap: 20px;
          }

          .skeleton-card {
            padding: 24px;
          }

          .pagination-container {
            flex-wrap: wrap;
          }
        }



/* challenge description Styles */

.challenge-desc-wrapper {
  max-width: 980px;
  margin: 32px auto;
  padding: 0 16px;
}

.challenge-desc-title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 16px;
  color: #1f2937;
}

.challenge-desc-text {
  font-size: 15px;
  color: #374151;
  line-height: 1.6;
  white-space: pre-wrap;
  font-family: "Poppins", sans-serif;
}

.challenge-desc-empty {
  font-size: 15px;
  color: #6b7280;
  font-family: "Poppins", sans-serif;
}

.alert-banner {
    position: fixed;
    top: 20px;
    right: 20px;
    min-width: 300px;
    max-width: 420px;
    padding: 14px 16px;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    font-size: 14px;
    z-index: 9999;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    animation: slideIn 0.3s ease;
}

/* Severity styles */

.alert-message {
    flex: 1;
}

.alert-close {
    background: transparent;
    border: none;
    cursor: pointer;
    padding-left: 12px;
}
/* BOOTCAMP GLOBAL STYLES  [For all bootcamp pages (Cohort 1-6)] */
/* Container and Layout */
.bootcamp-about {
    padding: 60px 0;
    background-color: #fff;
}

.bootcamp-about .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Typography */

/* Desktop Timeline Styles */
.custom-timeline {
    position: relative;
    padding-left: 20px;
}

.timeline-item {
    display: flex;
    margin-bottom: 40px;
    position: relative;
}

.timeline-content {
    flex: 1;
    padding: 10px 30px;
    background-color: #fff;
    border-radius: 8px;
}

.timeline-content-inner {
    display: flex;
    flex-direction: column;
}

.timeline-separator {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 25px;
    position: relative;
    z-index: 1;
}

.timeline-dot {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #bdbdbd;
    border: 2px solid #fff;
    /* box-shadow: 0 0 0 3px #1976d2; */
    z-index: 2;
    position: relative;
}

.timeline-connector {
    width: 2px;
    flex-grow: 1;
    /* background-color: #fafafa; */
    background-color: #bdbdbd;
    margin-top: 8px;
    min-height: 20px;
}

.timeline-date {
    width: 220px;
    flex-shrink: 0;
    text-align: right;
    padding-top: 10px;
}

.timeline-date p {
    margin: 0;
    font-weight: 500;
    color: #333;
    font-size: 14px;
    line-height: 1.4;
    font: normal normal 300 14px / 15px Poppins;
}

/* Mobile Timeline Styles */

/* Cards Container */

.card-title {
    margin-top: 0;
    margin-bottom: 20px;
    color: #333;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
}

.card-content {
    padding: 0;
}

.check-icon {
    width: 16px;
    height: 16px;
    margin-right: 12px;
    margin-top: 3px;
    flex-shrink: 0;
}

/* Responsive Design */
@media (max-width: 1024px) {
    
    .timeline-date {
        width: 180px;
    }
}
/* Utility Classes */
.w-100-per {
    width: 100%;
}

.mt-40 {
    margin-top: 40px;
}

.font-size-14 {
    font-size: 14px;
}
/* Show/Hide Classes */
.show-desktop {
    display: block;
}

.show-mobile {
    display: none;
}
/* Senzmatica pages releated css */
.custom-tabs-container {
    display: flex;
    border-bottom: 1px solid #e0e0e0;
    width: fit-content;
    margin: 0 auto;
}
.custom-tab {
    padding: 12px 15px;
    background: none;
    border: none;
    font-size: 16px;
    font-weight: 500;
    color: #666;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease;
    margin: 0;
    outline: none;
    text-transform: none;
}

.custom-tab:hover {
    color: #40a9ff;
    opacity: 1;
}

.custom-tab:focus {
    color: #40a9ff;
}

.custom-tab.active {
    color: #f50057;
    font-weight: 600;
}

.custom-tab.active::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #f50057 !important;
}
/* Blog search page css */
.search-section {
    position: relative;
}
        
.search-container {
    position: relative;
    width: 300px;
}
        
.search-input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}
        
.search-input {
    width: 100%;
    height: 40px;
    padding: 8px 40px 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 16px;
    outline: none;
    transition: border-color 0.3s ease;
}

.search-input:focus {
    border-color: #1976d2;
    box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.2);
}

.search-button {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: #8C8CA1;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.3s ease;
}

.search-button:hover {
    color: #1976d2;
}

.search-button:focus {
    outline: none;
}

.suggestions-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #ddd;
    border-radius: 0 0 4px 4px;
    border-top: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    max-height: 300px;
    overflow-y: auto;
}

.suggestions-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.suggestion-item {
    border-bottom: 1px solid #f0f0f0;
}

.suggestion-item:last-child {
    border-bottom: none;
}
        
.suggestion-link {
    display: block;
    padding: 12px 16px;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.4;
    transition: background-color 0.3s ease;
}

.suggestion-link:hover {
    background-color: #f5f5f5;
    color: #1976d2;
}

.no-results {
    padding: 12px 16px;
    color: #666;
    font-size: 14px;
    text-align: center;
}

/*Global styles for Products filter with scrollable categories */
/* Main Container */
.products-filter-container {
    width: 100%;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 24px;
}

/* Consistent input padding for resource filters (scoped to avoid affecting site-wide forms) */
.products-filter-container input[type="text"],
.products-filter-container input[type="email"],
.products-filter-container select,
.products-filter-container textarea {
    width: 100% !important;
    padding: 10px 32px;
}

.filter-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    padding: 16px;
    background-color: #ffffff;
    border-radius: 14px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 12px 28px rgba(2, 6, 23, 0.06);
}
/* Search Container */
.search-container {
    flex: 1;
    min-width: 0;
}

.search-input-wrapper,
.search-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 520px;
}

/* SEARCH ICON (standard: left-aligned) */
.search-icon {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #64748b;
    transition: color 0.2s ease;
    width: 20px;
    height: 20px;
    z-index: 1;
}
.search-icon-cards-list{
    margin-left: auto;
}
/* INPUT WITH RIGHT PADDING FOR ICON */
.search-input {
    width: 100%;
    padding: 11px 16px 11px 54px; /* Extra left gap from icon */
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 12px;
    background-color: #ffffff;
    transition: all 0.3s ease;
    outline: none;
    color: #0f172a;
    position: relative;
}

.search-input:focus {
    border-color: #2A7CED;
    box-shadow: 0 0 0 3px rgba(42, 124, 237, 0.1);
}

/* FIXED: Change focus icon color */
.search-input:focus ~ .search-icon {
    color: #2A7CED;
}

.search-input::placeholder {
    color: #64748b;
    opacity: 0.9;
}

/* Categories Container */
.categories-container {
    flex: 2;
    min-width: 0;
}

.categories-scroll-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

/* Make sure these styles are correct */
.categories-scroll-area {
    flex: 1;
    overflow-x: auto; /* This is CRITICAL */
    overflow-y: hidden;
    position: relative;
    scrollbar-width: none;
    -ms-overflow-style: none;
    scroll-behavior: smooth;
}

.categories-scroll-area::-webkit-scrollbar {
    display: none;
}

.categories-buttons {
    display: flex;
    gap: 8px;
    padding: 4px 0;
    width: max-content; /* IMPORTANT: Makes buttons not wrap */
    min-width: 100%; /* IMPORTANT: Ensures scrolling works */
    justify-content: flex-end;
}

/* Category Buttons */
.category-btn {
    padding: 8px 18px;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    border: none;
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
    background-color: rgba(2, 6, 23, 0.04);
    color: #334155;
    flex-shrink: 0;
    min-height: 36px;
}

.category-btn:hover {
    background-color: rgba(2, 6, 23, 0.07);
    transform: translateY(-1px);
}

.category-btn.active {
    background-color: #2A7CED;
    color: #FFFFFF !important;
    font-weight: 500;
    box-shadow: 0 2px 8px rgba(42, 124, 237, 0.3);
}

.category-btn.active:hover {
    background-color: #1371f1;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(42, 124, 237, 0.4);
}

/* Scroll Buttons */
.scroll-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 50%;
    background-color: rgba(2, 6, 23, 0.04);
    color: #334155;
    cursor: pointer;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.scroll-button:hover:not(.disabled) {
    background-color: #e2dfdf;
    color: #2A7CED;
    transform: scale(1.05);
}

.scroll-button:active:not(.disabled) {
    transform: scale(0.95);
}

.scroll-button.disabled {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
}

.scroll-button svg {
    width: 16px;
    height: 16px;
}

/* Mobile: keep filter UI inside the box and make categories scroll cleanly */
@media (max-width: 768px) {
    .filter-wrapper {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        padding: 12px;
    }

    .search-container,
    .categories-container {
        width: 100%;
    }

    .search-input-wrapper,
    .search-wrapper {
        max-width: 100%;
    }

    .categories-scroll-wrapper {
        width: 100%;
        gap: 6px;
    }

    .categories-scroll-area {
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .categories-buttons {
        justify-content: flex-start;
    }

    .scroll-button {
        width: 32px;
        height: 32px;
    }
}

/* Animation for active category */
@keyframes categoryPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(42, 124, 237, 0.4);
    }
    70% {
        box-shadow: 0 0 0 8px rgba(42, 124, 237, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(42, 124, 237, 0);
    }
}

.category-btn.active {
    animation: categoryPulse 1s ease;
}

/* Scroll indicator for categories */
.categories-scroll-area::before,
.categories-scroll-area::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 20px;
    pointer-events: none;
    z-index: 1;
    transition: opacity 0.3s ease;
}

.categories-scroll-area::before {
    left: 0;
    background: linear-gradient(to right, white, transparent);
    opacity: 0;
}

.categories-scroll-area::after {
    right: 0;
    background: linear-gradient(to left, white, transparent);
    opacity: 0;
}

/* Focus states for accessibility */
.search-input:focus-visible,
.category-btn:focus-visible,
.scroll-button:focus-visible:not(.disabled) {
    outline: 2px solid #2A7CED;
    outline-offset: 2px;
}
/* CalendarModal.css */
.calendar-modal {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 350px;
    max-width: 90vw;
    background-color: #ffffff;
    border: 2px solid #000;
    border-radius: 8px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
    padding: 24px;
    font-family: 'Poppins', sans-serif;
    z-index: 1300;
    max-height: 80vh;
}

/* Style the AddToCalendarButton to match the theme */

/* Animation for modal appearance */
@keyframes modalFadeIn {
    from {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.9);
    }
    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

.calendar-modal {
    animation: modalFadeIn 0.3s ease-out;
}

/* If you want to style the AddToCalendarButton component's generated button */
/* ProfileModal Container - Handles backdrop and centering */
.profile-modal-container {
    position: fixed;
    /* top: 50;
    left: 50; */
    width: 100%;
    height: 100%;
    /* background-color: rgba(0, 0, 0, 0.5); */
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    /* -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px); */
    animation: fadeIn 0.3s ease-out;
}

/* Modal Content Box */
.profile-modal {
    position: relative;
    top: -50%;
    width: 800px;
    max-width: 90vw;
    background-color: #ffffff;
    border: 1px solid #000;
    border-radius: 10px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
    padding: 20px 32px;
    font-family: 'Poppins', sans-serif;
    max-height: 90vh;
    overflow-y: auto;
    /* animation: modalSlideIn 0.3s ease-out; */
}
/* Smooth scrollbar */
.profile-modal::-webkit-scrollbar {
    width: 6px;
}

.profile-modal::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.profile-modal::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
}

.profile-modal::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Animations */
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes modalSlideIn {
    from {
        opacity: 0;
        transform: translateY(-30px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
/* Menu Modal Content */
.menu-modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90vw;
  max-width: 1148px;
  height: 591px;
  background-color: white;
  display: flex;
  align-items: center;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2),
              0px 24px 38px 3px rgba(0, 0, 0, 0.14),
              0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  animation: menuSlideIn 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
/* Animations */
@keyframes menuSlideIn {
  from {
    opacity: 0;
    transform: translate(-50%, -48%) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

/* Accessibility - Focus States */
.menu-modal-content:focus-within {
  outline: 2px solid #1976d2;
  outline-offset: 2px;
}
/* Light-box css for blog images */
.lightbox-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1066px;
    max-width: 90vw;
    height: 600px;
    max-height: 90vh;
    border-radius: 3px;
    background-color: white;
    border: 2px solid #000;
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2),
                0px 24px 38px 3px rgba(0, 0, 0, 0.14),
                0px 9px 46px 8px rgba(0, 0, 0, 0.12);
    padding: 0;
    position: relative;
    overflow: hidden;
    animation: lightboxFadeIn 0.3s ease-out;
}

/* Close Button */
.lightbox-close-button {
    position: absolute;
    top: -12px;
    left: 1028px;
    background: none;
    border: none;
    font-size: 20px;
    color: black;
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.2s ease;
    z-index: 10;
}

.lightbox-close-button:hover {
    background-color: rgba(0, 0, 0, 0.04);
    transform: scale(1.1);
}

.lightbox-close-button:focus {
    outline: 2px solid #1976d2;
    outline-offset: 2px;
}

/* Image Container */
.lightbox-image-container {
    width: 100%;
    height: 100%;
    position: relative;
}

/* Desktop Image */
.lightbox-desktop-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Mobile Image (hidden by default) */
.lightbox-mobile-image {
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Link Area (Invisible clickable area) */
.lightbox-link-area {
    position: absolute;
    background-color: transparent;
    height: 58px;
    width: 310px;
    bottom: 30px;
    left: 195px;
    cursor: pointer;
    z-index: 5;
    transition: background-color 0.2s ease;
}

.lightbox-link-area:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.lightbox-link-area:focus {
    outline: 2px solid rgba(25, 118, 210, 0.5);
    outline-offset: 2px;
}

/* Animations */
@keyframes lightboxFadeIn {
    from {
        opacity: 0;
        transform: translate(-50%, -48%) scale(0.96);
    }
    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}
/* Focus Management */
.lightbox-container:focus-visible {
    outline: none;
}
/* Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
    .lightbox-container {
        animation: none;
    }
    
    .lightbox-close-button {
        transition: none;
    }
    
    .lightbox-link-area {
        transition: none;
    }
    .it-event-modal {
       animation: none;
  }
  
    
    .close-button {
        transition: none;
  }
    .menu-modal-content {
       animation: none;
  }
}

/* Accessibility - High Contrast Mode */
@media (prefers-contrast: high) {
    .lightbox-container {
        border: 3px solid currentColor;
    }
    
    .lightbox-close-button {
        border: 2px solid currentColor;
    }
    
    .lightbox-link-area {
        border: 2px dashed currentColor;
    }
}
/* IT-Page CSS */
/* Menu Container */
.menu-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background-color: transparent;
}

/* IT Event Modal */
.it-event-modal {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90vw;
  max-width: 1148px;
  min-width: 1000px;
  height: 591px;
  background-color: white;
  display: flex;
  align-items: center;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2),
              0px 24px 38px 3px rgba(0, 0, 0, 0.14),
              0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  animation: modalSlideIn 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  font-family: 'Poppins', sans-serif;
}

/* Event Content */
.event-content {
  background-color: white;
  flex-grow: 1;
  padding: 20px 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

/* Close Button */
.close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: white;
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.2s ease;
  color: #333;
}

.close-button:hover {
  background-color: #f0f0f0;
}

.close-button:focus {
  outline: 2px solid #2A7BEC;
  outline-offset: 2px;
}

.close-button svg {
  width: 24px;
  height: 24px;
}

/* Section Title */
.section-title {
  text-align: center;
  margin-top: 20px;
  font-size: 16px;
  font-weight: 600;
  color: #5A5555;
  margin-bottom: 15px;
}
/* Alredy have this class */
/* Features Container */
/* .features-container {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 10px;
  width: 100%;
  max-width: 600px;
} */

.feature-item {
  padding: 10px 15px;
  background-color: #F9FAFC;
  border-radius: 5px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 400;
  color: #555353;
  flex: 1;
  min-width: 0;
}

.check-icon {
  width: 16px;
  height: 16px;
  color: #555353;
  flex-shrink: 0;
}

/* Animations */
@keyframes modalSlideIn {
  from {
    opacity: 0;
    transform: translate(-50%, -48%) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}
.webinar-container{
    margin-right: auto !important;
    margin-left: 5% !important;
    width: auto !important;
}
/* New webinar update */
/* ==========================================
   WEBINAR GLOBAL STYLES
   Add this to your global CSS file (styles/globals.css or _app.js)
   ========================================== */

/* Webinar Container */
.webinarContainer {
  background: linear-gradient(135deg, #1a2d4d 0%, #0f1e35 100%);
  padding: 40px 0px;
  padding-right: 20px;
  margin-top: -17px;
}

.breadcrumb {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 40px;
  font-size: 13px;
  color: #ffffff;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.breadcrumb a {
  color: #ffffff;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}

.breadcrumb a:hover {
  text-decoration: underline;
}

/* Breadcrumb (improved UX: readable, non-collapsing, mobile-safe) */
.breadcrumb-nav {
  margin-bottom: 24px;
  z-index: unset;
}

.breadcrumb-list {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0;
    margin: 0;
    background: #f9f9f9;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #e4edfd;
    list-style: none;
    flex-wrap: wrap;
}

.breadcrumb-item {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  gap: 10px;
}

.breadcrumb-item:not(:last-child)::after {
  content: "/";
  opacity: 0.55;
  color: currentColor;
}

.breadcrumb-link {
  color: black;
  text-decoration: none;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
}

.breadcrumb-link:hover {
  text-decoration: underline;
}

.breadcrumb-current {
  color: #000000;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 600;
  opacity: 0.95;
  max-width: 560px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 768px) {
  .breadcrumb-nav {
    margin-bottom: 16px;
  }
  .breadcrumb-list {
    /* flex-wrap: nowrap; */
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 4px;
  }
  .breadcrumb-list::-webkit-scrollbar {
    display: none;
  }
  .breadcrumb-current {
    max-width: 70vw;
  }
}

.mainContent {
    display: flex;
    /* grid-template-columns: 2fr; */
    grid-gap: 40px;
    gap: 40px;
    /* max-width: 1200px; */
    margin: 0 auto;
}

.leftSection {
  display: flex;
  flex-direction: column;
  width: 50%;
}

/* Webinar Badge */
.webinarBadge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  background: linear-gradient(135deg, #0084ff 0%, #0066cc 100%);
  color: white;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 20px;
}

.badgeDot {
  width: 8px;
  height: 8px;
  background: white;
  border-radius: 50%;
  animation: pulse 2s infinite;
}
.badgeDot-webinar {
  width: 8px;
  height: 8px;
  background: blue;
  border-radius: 50%;
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

/* Webinar Title */
.webinarTitle {
  font-weight: 700;
  line-height: 1.2;
  color: #ffffff;
  margin: 0;
  margin-bottom: 20px;
}

.titleHighlight {
  color: #0084ff;
}

/* Webinar Meta Information */
.webinarMeta {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-bottom: 30px;
  font-size: 14px;
  color: #b0bec5;
}

.metaItem {
  display: flex;
  align-items: center;
  gap: 8px;
}

.metaIcon {
  width: 18px;
  height: 18px;
  color: #0084ff;
}

/* Speakers Section */
.speakersSection {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.speakersLabel {
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0;
    border-left-color: #0084ff;
    border-left-width: 3px;
    border-left-style: solid;
    padding-left: 10px;
}

.speakersGrid {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
}

.speakerCard {
  display: flex;
  align-items: center;
  gap: 12px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  padding: 12px 16px;
  border-radius: 12px;
  transition: all 0.3s ease;
  cursor: pointer;
  min-width: fit-content;
}

.speakerCard:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(0, 132, 255, 0.3);
  transform: translateY(-2px);
}

.speakerAvatar {
  width: 40px;
  height: 40px;
  border: 2px solid #2A7CED;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  object-fit: cover;
  flex-shrink: 0;
}

.speakerInfo {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.speakerName {
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
  margin: 0;
}

.speakerRole {
  font-size: 11px;
  color: #90a4ae;
  margin: 0;
}

.moreButton {
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #0084ff 0%, #0066cc 100%);
  border: none;
  border-radius: 50%;
  color: white;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  flex-shrink: 0;
  padding: 0;
}

.moreButton:hover {
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(0, 132, 255, 0.3);
}

/* Right Section - Registration Form */

.formGroup {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.formRow {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.keyPointsList {
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 5px;
}
.keyPointItem{
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 10px;
    color: #727272;
}
.keyPointsContent{
    border-left-width: 5px;
    border-left-style: solid;
    border-left-color: rgba(42, 124, 237, 1);
    padding: 10px 25px;
    margin-top: 20px;
}


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

@media (max-width: 768px) {
  .mainContent {
    grid-template-columns: 1fr;
    gap: 30px;
    display: "flex";
    flex-direction: column;
  }

  .webinarTitle {
    font-size: 32px;
  }

  .speakersGrid {
    flex-wrap: wrap;
  }

  .speakerCard {
    min-width: auto;
    flex: 1 1 calc(50% - 6px);
  }

  .formRow {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .webinarContainer {
    padding: 20px 20px 20px 0px;
}
  .webinarTitle {
    font-size: 24px;
  }

  .mainContent {
    gap: 24px;
  }

  .speakerCard {
    flex: 1 1 100%;
  }

  .breadcrumb {
    margin-bottom: 24px;
  }
}
.story-item-webinar{
    padding-bottom: 0px;
    height: auto !important;
    box-shadow: none !important;
    transition: none !important;
    border: 0.6px solid #E6E6E6;
    transform: none !important;
}
.story-item-webinar:hover {
    border: 0.6px solid #2A7CED;
}
.story-item-webinar:hover .banner-arrow-icon{
    color: #2A7CED;
}
/* .story-item-webinar:hover{
    border: 0.6px solid #2A7CED;
     border: 0.1px solid #2A7CED;
     transform: none;
} */
 .arrow-circle-webinar{
    display: flex;
    margin-left: "auto"
 }
.arrow-circle-webi-card {
    background: #f2f2f2;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(-45deg);
    transition: background 0.3s ease, transform 0.3s ease;
}

  /* .arrow-circle-webi-card:hover{
    transform: rotate(0deg);
    color: #66757f;
  } */
  /* .hover-effect:hover .arrow-circle-webi-card {
  background-color: #2A7BEC;
} */
.story-item-webinar:hover .banner-arrow-icon .arrow-circle-webi-card{
    background-color: #2A7BEC;
    transform: rotate(0deg);
}
.story-item-webinar:hover .arrow-circle-webi-card{
    color: #2A7BEC;
    transform: rotate(0deg);
}
/* components/SearchableDropdown.css */
.searchable-dropdown {
  /* font-family: 'Poppins', sans-serif; */
  margin-bottom: 16px;
  width: 100%;
  position: relative;
}

.dropdown-wrapper {
  border-radius: 6px;
  background-color: white;
  position: relative;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.dropdown-wrapper:focus-within {
  border-color: #1976d2;
  box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.2);
}

.dropdown-wrapper.error {
  border-color: #d32f2f;
}

.dropdown-wrapper.error:focus-within {
  border-color: #d32f2f;
  box-shadow: 0 0 0 2px rgba(211, 47, 47, 0.2);
}

.dropdown-wrapper.disabled {
  background-color: #f5f5f5;
  border-color: #e0e0e0;
  cursor: not-allowed;
}

.dropdown-input {
  flex: 1;
  border: none;
  outline: none;
  padding: 10px 4px;
  font-size: 16px;
  background: transparent;
  color: #333;
  width: 100%;
}

.dropdown-input:disabled {
  color: #666;
  cursor: not-allowed;
}

.dropdown-input::placeholder {
  color: #999;
  font-size: 14px;
}

.dropdown-menus{
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 4px;
  background: white;
  border: 1px solid #ddd;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  max-height: 300px;
  width: auto;
  overflow-y: auto;
  animation: slideDown 0.2s ease;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Share dropdown container */
.share-dropdown {
    position: absolute;
    /* right: 27%; */
    left: 0%;
    transform: translateX(-60%);
    margin-top: -2px;
    width: 200px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
    z-index: 50;
    overflow: hidden;
    /* animation: shareFade 0.15s ease-out; */
}

/* Dropdown animation */
@keyframes shareFade {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.dropdown-menu-inner {
  padding: 8px 0;
}

.dropdown-option {
  padding: 12px 16px;
  cursor: pointer;
  font-size: 14px;
  color: #333;
  display: flex;
  flex-direction: column;
  transition: background-color 0.2s;
  border-left: 3px solid transparent;
}

.dropdown-option:hover {
  background-color: #f5f5f5;
}

.dropdown-option.highlighted {
  background-color: #e3f2fd;
  border-left-color: #1976d2;
}

.dropdown-option.selected {
  background-color: #e8f4fe;
  color: #1976d2;
  font-weight: 500;
}

.option-description {
  font-size: 12px;
  color: #666;
  margin-top: 2px;
}

.no-results {
  padding: 20px 16px;
  text-align: center;
  color: #666;
  font-size: 14px;
  font-style: italic;
}

.helper-text {
  margin-top: 4px;
  font-size: 12px;
  padding: 0 4px;
}

.helper-text.error {
  color: #d32f2f;
}

/* Scrollbar styling */
.dropdown-menu::-webkit-scrollbar {
  width: 8px;
}

.dropdown-menu::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}

.dropdown-menu::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 4px;
}

.dropdown-menu::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}
/* StoreLink.css */
.store-link {
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  transition: all 0.2s ease;
}

.store-link:hover {
  opacity: 0.8;
}

.store-link:focus {
  outline: 2px solid rgba(255, 255, 255, 0.5);
  outline-offset: 2px;
  border-radius: 2px;
}

.store-link.disabled {
  cursor: default;
  pointer-events: none;
  opacity: 0.6;
}

.store-link-text {
  color: #fff;
  padding: 5px 0;
  font-size: 14px;
  line-height: 1.5;
  /* font-family: 'Poppins', sans-serif; */
  font-weight: 400;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: text-decoration-color 0.2s ease;
}

.store-link:hover .store-link-text {
  text-decoration-color: rgba(255, 255, 255, 0.7);
}

.store-link.disabled .store-link-text {
  text-decoration-color: rgba(255, 255, 255, 0.5);
}
/* Share item */
.share-item {
  width: 100%;
  padding: 10px 14px;
  text-align: left;
  font-size: 14px;
  color: #374151; /* gray-700 */
  background: transparent;
  border: none;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}

/* Hover state */
.share-item:hover {
  background: #f3f4f6; /* gray-100 */
  color: #111827; /* gray-900 */
}

/* First & last rounding fix */
.share-item:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.share-item:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.share-icon-wrapper {
  position: relative;
  /* display: inline-block; */
}

/* Tooltip hidden by default */
.share-tooltip {
  position: absolute;
  bottom: 130%;              /* above icon */
  left: 10%;
  transform: translateX(-50%);
  background-color: #111;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease;
  pointer-events: none;
  z-index: 100;
}

/* Show tooltip on hover */
.share-icon-wrapper:hover .share-tooltip {
  opacity: 1;
  visibility: visible;
}
.share-tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: #111 transparent transparent transparent;
}
/* new Css update */

/* Tablet */

/* Mobile */
.fireside-profile {
  background: #ffffff;
  border-radius: 16px;
  padding: 20px;
  border: 1px solid #e5e7eb;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.fireside-profile img {
  border-radius: 12px;
  object-fit: cover;
  background: #EBF3FD;
}
@media (max-width: 640px) {
  .fireside-profile {
    padding: 16px;
  }

  .fireside-profile h4 {
    font-size: 15px;
  }
}
.marginleft-0{
    margin-left: 0px !important;
    background: #FBFBFB;
    padding: 20px 0px;
}
.webinar-description{
    color: #727272;
}




.webinar-header {
    text-align: center;
    margin-bottom: -25px;
}

.webinar-header h2 {
    font-size: 32px;
    margin-top: -55px;
    font-weight: 600;
    color: #2B2C2C;
    margin-bottom: 8px;
}

.webinar-header p {
    color: #6b7280;
    font-size: 16px;
    margin-top: -5px;
}

.sc-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

/* Mobile */
@media (max-width: 768px) {
    .sc-list {
        grid-template-columns: 1fr;
    }
}
.webinar-description {
    margin-top: 12px;
}

/* Remove extra margin on last paragraph */
.webinar-description-content p:last-child {
    margin-bottom: 5px;
}

/* Mobile optimization */
@media (max-width: 768px) {
    .webinar-description-content {
        font-size: 14px;
    }
}
.webinar-hero-section{
    width: 45%;
    margin-left: 15%;
}
.fireside-profile > div {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.linkedin-link {
    display: flex;
    align-items: center;     
    gap: 12px;            
    text-decoration: none;
}
.linkedin-link img {
    width: 20px;
    height: 20px;
    margin-bottom: 2px;
    border-radius: 5px;
}
.linkedin-link span {
    color: rgb(42, 124, 237);
    font-size: 14px;
}


/* ================= NEW WEBINAR PAGE STYLES ================= */

/* New Webinar Container */
.new-webinar-container {
    min-height: auto;
    background: #171D36;
    padding: 60px 60px;
}

/* Breadcrumb Navigation */

/* Main Content Layout */
.new-webinar-main-content {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 40px;
    max-width: 1400px;
    margin: 0 auto;
    align-items: flex-start;
}

.new-webinar-left-section {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Webinar Badge */
.new-webinar-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    background: linear-gradient(135deg, #0084ff 0%, #0066cc 100%);
    color: white;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;

}

.new-webinar-badge-dot {
    width: 8px;
    height: 8px;
    background: white;
    border-radius: 50%;
    animation: newWebinarPulse 2s infinite;
}

@keyframes newWebinarPulse {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }
}

/* Title Section */
.new-webinar-title {
    font-size: 32px;
    font-weight: 500;
    line-height: 1.2;
    color: #ffffff;
    margin: 0;

}

/* Meta Information */
.new-webinar-meta {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 14px;
    color: #b0bec5;
}

.new-webinar-meta-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.new-webinar-meta-icon {
    width: 18px;
    height: 18px;
    color: #0084ff;
}

/* Speakers Section */
.new-webinar-speakers-section {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.new-webinar-section-header {
    display: flex;
    align-items: center;
    gap: 12px;
}

.new-webinar-section-bar {
    width: 4px;
    height: 24px;
    background: #2A7CED;
}

.new-webinar-speakers-label {
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    letter-spacing: 0;
    margin: 0;
}

.new-webinar-speakers-grid {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.new-webinar-speaker-card {
    display: flex;
    align-items: center;
    gap: 12px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    padding: 12px 16px;
    border-radius: 12px;
    transition: all 0.3s ease;
    cursor: pointer;
    min-width: fit-content;
}

.new-webinar-speaker-card:hover {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(0, 132, 255, 0.3);
    transform: translateY(-2px);
}

.new-webinar-speaker-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0084ff 0%, #0066cc 100%);
    object-fit: cover;
    flex-shrink: 0;
}

.new-webinar-speaker-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.new-webinar-speaker-name {
    font-size: 13px;
    font-weight: 600;
    color: #ffffff;
    margin: 0;
}

.new-webinar-speaker-role {
    font-size: 11px;
    color: #90a4ae;
    margin: 0;
}

.new-webinar-more-button {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #0084ff 0%, #0066cc 100%);
    border: none;
    border-radius: 50%;
    color: white;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.new-webinar-more-button:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(0, 132, 255, 0.3);
}

/* Right Section - Registration Form */
.new-webinar-right-section {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.new-webinar-registration-card {
    background: white;
    border-radius: 16px;
    padding: 40px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
    gap: 24px;
    position: sticky;
    top: 20px;
    width: 100%;
}

.new-webinar-registration-title {
    font-size: 18px;
    font-weight: 600;
    color: #1a2d4d;
    margin: 0;
    line-height: 1.4;
}

.new-webinar-form-group {
    display: flex;
    flex-direction: column;
}

.new-webinar-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.new-webinar-form-label {
    font-size: 14px;
    font-weight: 600;
    color: #1a2d4d;
    letter-spacing: 0;
    margin: 0;
}

.new-webinar-form-input {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #d0d5dd;
    border-radius: 8px;
    font-size: 14px;
    color: #1a2d4d;
    /* font-family: inherit; */
    transition: all 0.3s ease;
    background: white;
    box-sizing: border-box;
}

.new-webinar-form-input:focus {
    outline: none;
    border-color: #0084ff;
    background: white;
    box-shadow: 0 0 0 3px rgba(0, 132, 255, 0.1);
}

.new-webinar-form-input::placeholder {
    color: #9ca3af;
}

.new-webinar-checkboxes {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 8px 0;
}

.new-webinar-checkbox-label {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 14px;
    color: #1a2d4d;
    cursor: pointer;
    line-height: 1.6;
    margin: 0;
}

.new-webinar-checkbox-label input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin-top: 1px;
    cursor: pointer;
    flex-shrink: 0;
    accent-color: #0084ff;
}

.new-webinar-link {
    color: #0084ff;
    text-decoration: none;
    font-weight: 500;
    display: inline;
}

.new-webinar-link:hover {
    text-decoration: underline;
}

.new-webinar-register-button {
    width: 100%;
    padding: 16px 20px;
    background: #2A7CED;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.new-webinar-register-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 132, 255, 0.3);
}

.new-webinar-register-button:active {
    transform: translateY(0);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .new-webinar-main-content {
        grid-template-columns: 1fr 380px;
        gap: 30px;
    }

    .new-webinar-title {
        font-size: 28px;
    }

    .new-webinar-registration-card {
        padding: 28px;
    }
}

@media (max-width: 768px) {
    .new-webinar-main-content {
        grid-template-columns: 1fr;
        gap: 30px;

    }

    .new-webinar-meta {
        flex-wrap: wrap;
        gap: 12px;
    }

    .new-webinar-registration-card {
        position: static;
    }

    .new-webinar-title {
        font-size: 24px;
    }

    .new-webinar-speakers-grid {
        flex-wrap: wrap;
    }

    .new-webinar-speaker-card {
        min-width: auto;
        flex: 1 1 calc(50% - 6px);
    }

    .new-webinar-form-row {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .new-webinar-container {
        padding: 20px 16px;
    }

    .new-webinar-title {
        font-size: 20px;
    }

    .new-webinar-main-content {
        gap: 24px;
    }

    .new-webinar-speaker-card {
        flex: 1 1 100%;
    }

    .new-webinar-registration-card {
        padding: 20px;
    }
}

.new-webinar-registration-card .booknow-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}

.booknow-form input[type="text"],
.booknow-form input[type="email"],
.booknow-form select,
.booknow-form textarea {
    width: 100%;
    box-sizing: border-box;
    /* Ensuring padding doesn't affect width */

}

/* ================= NEW WEBINAR CONTENT COMPONENT ================= */

.new-webinar-content-container {
    display: flex;
    flex-direction: column;
    gap: 40px;
    color: #ffffff;
}

.nw-content-banner {
    width: 100%;
    margin-bottom: 20px;
}

.nw-banner-img {
    width: 100%;
    height: auto;
    border-radius: 12px;
    display: block;
}


.new-webinar-about-section {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.nw-about-title {
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    /* Or dark color if background is light, but parent is dark blue #171D36 */
    margin: 0;
}

/* If the content area background is white as per the image, we might need to adjust.
   The image shows white background for the content area below the banner?
   Actually, the top part is dark, the "About This Webinar" text is on white background in the image.
   Let's check the container. The parent .new-webinar-container has background #171D36 (dark blue).
   But the image provided shows a white background section.
   I should probably make the NewWebinarContent have a white background area or the whole page layout changes.
   However, let's stick to the current dark theme request from earlier unless specified.
   Wait, the user said "UI of the new-webinar-content should be same as this".
   The image clearly has a white background for the "About" and "Speakers" cards section.
   So I should wrap this content in a white container or change the page background.
   Given the existing dark theme for the top, maybe this content section starts a white band?
   Or maybe it's a card on top of the dark?
   The image shows "About This Webinar" text on white.
   The speaker cards are on white.
   I will style them for a light theme context, but I might need to wrap them in a white container if the parent is dark.
   For now, I'll style for the context of being on a white/light background.
*/

.new-webinar-about-section .nw-about-text p {
    font-size: 14px;
    line-height: 1.6;
    color: #333333;
    /* Dark text for light background */
    margin-bottom: 12px;
}

.new-webinar-about-section .nw-about-title {
    color: #1a2d4d;
    /* Dark title */
}

/* Need to handle the background transition if placed directly in the dark container.
   I will assume this component might need its own background or the parent will change.
   For safety, I'll add a white background wrapper style just in case.
*/
.new-webinar-content-wrapper-light {
    background: #ffffff;
    padding: 40px;
    border-radius: 16px;
}

/* SPEAKER GRID */
.new-webinar-detailed-speakers-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.nw-speaker-card {
    width: calc(25% - 15px);
    /* 4 columns with gap accounted for */
    min-width: 280px;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    transition: box-shadow 0.3s ease;
}

.nw-speaker-card:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.nw-speaker-img-container {
    width: 100%;
    aspect-ratio: 1;
    overflow: hidden;
    border-radius: 8px;
    background: #f5f5f5;
}

.nw-speaker-img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.nw-speaker-details {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
}

.nw-speaker-name {
    font-size: 14px;
    font-weight: 700;
    color: #1a2d4d;
    margin: 0;
}

.nw-speaker-role {
    font-size: 11px;
    font-weight: 600;
    color: #0084ff;
    text-transform: uppercase;
}

.nw-speaker-desc {
    font-size: 11px;
    color: #666666;
    line-height: 1.4;
    margin: 0;
    display: -webkit-box;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.nw-linkedin-link {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 600;
    color: #2A7CED;
    /* LinkedIn Color */
    text-decoration: none;
    margin-top: auto;
    padding-top: 8px;
}

.nw-linkedin-link:hover {
    text-decoration: underline;
}

/* Responsive */
@media (max-width: 1200px) {
    .nw-speaker-card {
        width: calc(33.333% - 14px);
    }
}

@media (max-width: 768px) {
    .nw-speaker-card {
        width: calc(50% - 10px);
    }

    .new-webinar-content-wrapper-light {
        padding: 16px;
    }
}

@media (max-width: 500px) {
    .nw-speaker-card {
        width: 100%;
    }
}

/* ================= WEBINAR CONTRIBUTION FORM ================= */

.webinar-contribution-container {
    background: #ffffff;
    border-top: 1px solid #E5E7EB;
    border-bottom: 1px solid #E5E7EB;
    overflow: hidden;
    margin: 60px auto 0 auto;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    max-width: 60%;
    width: 100%;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.webinar-contribution-header {
    background: #172B4D;
    /* Dark blue from UI */
    padding: 30px 40px;
    color: #ffffff;
    text-align: left;
    /* Explicit left alignment */
}

.webinar-contribution-header h2 {
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 10px 0;
    color: #ffffff !important;
    text-align: left;
}

.webinar-contribution-header p {
    font-size: 15px;
    opacity: 0.9;
    margin: 0;
    line-height: 1.5;
    color: #ffffff !important;
    text-align: left;
}

.webinar-contribution-content {
    padding: 15px 25px;
    /* Reduced padding */
    text-align: left;
}

.webinar-contribution-tabs {
    display: flex;
    justify-content: flex-start;
    gap: 20px;
    /* Reduced gap */
    border-bottom: 1px solid #E5E7EB;
    margin-bottom: 15px;
    /* Reduced margin */
}

.contribution-tab {
    background: none;
    border: none;
    padding: 8px 0;
    font-size: 15px;
    font-weight: 600;
    color: #6B7280;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    position: relative;
    transition: all 0.3s ease;
}

.contribution-tab.active {
    color: #2A7CED;
}

.contribution-tab.active::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #2A7CED;
    border-radius: 3px 3px 0 0;
}

.tab-icon {
    width: 18px;
    height: 18px;
}

.contribution-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
    /* Reduced gap */
    text-align: left;
}

.contribution-form .form-fields {
    display: flex;
    flex-direction: column;
    gap: 12px;
    /* Reduced gap */
}

.contribution-form .form-row {
    display: flex;
    /* Using flex for auto widths */
    flex-wrap: wrap;
}

.contribution-form .form-group {
    display: flex;
    flex-direction: column;
    /* Minimal gap */
    align-items: flex-start;
}

.contribution-form label {
    font-size: 13px;
    font-weight: 600;
    color: #374151;
    text-align: left;
}

.contribution-form input,
.contribution-form textarea {
    padding: 10px 14px;
    border: 1px solid #D1D5DB;
    border-radius: 6px;
    font-size: 14px;
    color: #1F2937;
    width: auto;
    /* Width auto as requested */
    min-width: 320px;
    /* Ensuring minimum consistent width */
    max-width: 100%;
    box-sizing: border-box;
    background: #ffffff;
}

.contribution-form input:focus,
.contribution-form textarea:focus {
    outline: none;
    border-color: #2A7CED;
    box-shadow: 0 0 0 3px rgba(42, 124, 237, 0.1);
}

.contribution-form textarea {
    min-height: 150px;
    resize: vertical;
}

.form-actions {
    display: flex;
    justify-content: flex-end;
    gap: 16px;
    margin-top: 10px;
}

.btn-cancel {
    padding: 12px 40px;
    border: 1px solid #E5E7EB;
    background: #ffffff !important;
    color: #374151 !important;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn-cancel:hover {
    background: #F9FAFB !important;
}

.btn-submit {
    padding: 12px 40px;
    border: none;
    background: #2A7CED !important;
    color: #ffffff !important;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn-submit:hover {
    background: #1D61C2 !important;
    box-shadow: 0 4px 12px rgba(42, 124, 237, 0.3);
}

@media (max-width: 768px) {
    .webinar-contribution-container {
        margin: 30px 0 0 0;
        max-width: 100% !important;
        width: 100% !important;
        border-radius: 0;
        border-left: none;
        border-right: none;
    }

    .webinar-contribution-header,
    .webinar-contribution-content {
        padding: 20px;
    }

    .webinar-contribution-tabs {
        gap: 0;
        display: flex;
        width: 100%;
    }

    .contribution-tab {
        flex: 1;
        justify-content: center;
        font-size: 13px;
        padding: 12px 5px;
        white-space: nowrap;
    }

    .contribution-form .form-row {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .contribution-form input,
    .contribution-form textarea {
        width: 100% !important;
        min-width: 0;
    }

    .form-actions {
        flex-direction: column-reverse;
        gap: 10px;
    }

    .btn-cancel,
    .btn-submit {
        width: 100%;
        padding: 12px;
    }
}

/* Medtech Innovation Navbar Styles */
.device-pulse-partners .partner-logo {
  width: 100px;
  height: 50px;
  position: relative; /* ✅ REQUIRED */
  overflow: hidden;   /* ✅ REQUIRED */

  background: #ffffff; /* better for logos */
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #E2E8F0;
  flex-shrink: 0;
}
.express-button-pending{
  padding: 14px 24px;
  background-color: #2a7ced !important;
  color: #ffffff !important;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.3s ease;
}
.express-button-pending:hover {
  cursor: text;
}
.challenge-btn-medtech{
    flex: 1;
    min-width: 140px;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    padding: 10px 16px;
    background: white;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    color: black;
}
.challenge-btn-medtech-primary{
    border: 1.6px solid #DBEAFE;
    background: #EFF6FF;
    color: #1d4ed8;
    flex: 1;
    min-width: 140px;
    border-radius: 12px;
    padding: 10px 16px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
}

/* ==================== HOMEPAGE CONVERSION LAYER ==================== */
.home-page {
    /* Brand tokens */
    --brand-primary: #2a7ced;
    --brand-secondary: #1d61c2;

    /* Neutrals */
    --surface: #ffffff;
    --surface-muted: #f8fafc;
    --text: #0f172a;
    --text-muted: #475569;

    /* Borders & shadows */
    --border: rgba(148, 163, 184, 0.35);
    --border-strong: rgba(148, 163, 184, 0.55);
    --shadow-card: 0 14px 32px rgba(15, 23, 42, 0.08);
    --shadow-card-hover: 0 20px 44px rgba(15, 23, 42, 0.12);
}
.home-page {
    background: var(--surface-muted);
}

.home-page > section {
    position: relative;
}

.home-page > section#hero {
    padding-top: 0;
    padding-bottom: 0;
}

.home-page > section#social-proof,
.home-page > section#awards,
.home-page > section#impact,
.home-page > section#resources {
    background: #f8fafc;
}

.home-page > section#capabilities,
.home-page > section#platform,
.home-page > section#platform-modules,
.home-page > section#delivery,
.home-page > section#innovation,
.home-page > section#company-journey,
.home-page > section#partnerships,
.home-page > section#testimonials,
.home-page > section#latest-products,
.home-page > section#events,
.home-page > section#contact-cta {
    background: #ffffff;
}

.home-page .home-page-blue-text {
    font-size: 14px;
    letter-spacing: 0.04em;
    text-transform: uppercase !important;
    font-weight: 700;
    color: var(--brand-primary) !important;
}

.home-page .home-page-h {
    color: var(--text);
    line-height: 1.2;
    letter-spacing: -0.02em;
    margin-top: 8px;
    text-align: center;
    margin-bottom: 14px;
}

.home-page .home-page-p {
    color: var(--text-muted);
    line-height: 1.7;
    text-align: center !important;
}

.home-page .home-whatwedo-card,
.home-page .medtech-innovation-card {
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 8px 30px rgba(15, 23, 42, 0.06);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.home-page .home-whatwedo-card:hover,
.home-page .medtech-innovation-card:hover {
    transform: translateY(-4px);
    border-color: #cbd5e1;
    box-shadow: 0 12px 34px rgba(15, 23, 42, 0.10);
}

.home-page .decade-section,
.home-page .home-aiotplatform-desktop-section,
.home-page .home-aiotplatform-mobile-section {
    border-radius: 16px;
    overflow: hidden;
}

.home-page .decade-section {
    border-radius: 0;
}

.home-page .primary-button,
.home-page .secondary-button,
.home-page .decade-cta-button,
.home-page .learn-more {
    border-radius: 10px;
}

.home-page #contact-cta .cta-section,
.home-page #contact-cta .container {
    border-radius: 16px;
}

@media (max-width: 1023px) {

    .home-page .home-page-h {
        margin-bottom: 12px;
        text-align: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-page .home-whatwedo-card,
    .home-page .medtech-innovation-card {
        transition: none;
    }

    .home-page .home-whatwedo-card:hover,
    .home-page .medtech-innovation-card:hover {
        transform: none;
    }
}

/* ==================== REDESIGNED HOME COMPONENTS ==================== */

/* ==================== INNOVATIVE REDESIGN: THREE CORE STACKS ==================== */
.what-we-do-home {
    background: radial-gradient(circle at top, rgba(42, 124, 237, 0.10), transparent 55%),
        var(--surface);
    position: relative;
    overflow: hidden;
}

.what-we-do-home::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image:
        radial-gradient(circle at 20% 35%, rgba(42, 124, 237, 0.10) 0%, transparent 55%),
        radial-gradient(circle at 80% 65%, rgba(42, 124, 237, 0.08) 0%, transparent 55%);
    z-index: 0;
}

.what-we-do-home .container {
    position: relative;
    z-index: 1;
}

/* .home-whatwedo-header {
    margin-bottom: 4rem;
} */

.home-whatwedo-title {
    font-size: clamp(2.2rem, 5vw, 3rem);
    font-weight: 700;
    line-height: 1.1;
    color: var(--text);
    margin: 0 0 1.25rem;
    text-align: left;
    letter-spacing: -0.02em;
}

.home-whatwedo-subtitle {
    font-size: 1.15rem;
    line-height: 1.7;
    color: var(--text-muted);
    margin: 0;
    text-align: left;
    max-width: 680px;
}

.home-whatwedo-stacks-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    position: relative;
    margin-top: 3rem;
}

.home-whatwedo-connector {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(42, 124, 237, 0.28) 20%,
        rgba(42, 124, 237, 0.28) 50%,
        rgba(42, 124, 237, 0.28) 80%,
        transparent 100%
    );
    transform: translateY(-50%);
    z-index: 0;
    pointer-events: none;
}

.home-whatwedo-stack-card {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 24px;
    padding: 2.5rem 2rem;
    position: relative;
    z-index: 1;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    overflow: hidden;
    box-shadow: var(--shadow-card);
}

.home-whatwedo-stack-card::before {
    display: none;
}

.home-whatwedo-stack-card:hover {
    transform: translateY(-8px);
    border-color: var(--border-strong);
    box-shadow: var(--shadow-card-hover);
}

/* No top hover indicator line for this section (per UX request) */

.home-whatwedo-stack-number {
    font-size: 4rem;
    font-weight: 800;
    line-height: 1;
    color: rgba(15, 23, 42, 0.08);
    position: absolute;
    top: 1rem;
    right: 1.5rem;
    /* font-family: 'Poppins', sans-serif; */
    letter-spacing: -0.05em;
}

.home-whatwedo-stack-content {
    position: relative;
    z-index: 2;
}

.home-whatwedo-stack-title {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text);
    margin: 0 0 1rem;
    line-height: 1.2;
}

.home-whatwedo-stack-description {
    font-size: 1.05rem;
    line-height: 1.7;
    color: var(--text-muted);
    margin: 0 0 1.5rem;
}

.home-whatwedo-stack-features {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.home-whatwedo-stack-feature {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.95rem;
    color: var(--text-muted);
}

.home-whatwedo-stack-feature-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--brand-primary);
    flex-shrink: 0;
    box-shadow: 0 0 8px rgba(42, 124, 237, 0.25);
}

.home-whatwedo-stack-accent {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--brand-primary);
    opacity: 0.6;
    transition: opacity 0.4s ease;
}

.home-whatwedo-stack-card:hover .home-whatwedo-stack-accent {
    opacity: 1;
}

@media (max-width: 1024px) {
    .home-whatwedo-stacks-container {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .home-whatwedo-connector {
        display: none;
    }
}

@media (max-width: 768px) {
    .home-whatwedo-header {
        margin-bottom: 2.5rem;
    }

    .home-whatwedo-stack-card {
        padding: 2rem 1.5rem;
    }

    .home-whatwedo-stack-title {
        font-size: 1.5rem;
    }
}

/* ==================== INNOVATIVE REDESIGN: SENZMATICA PLATFORM ==================== */
.home-our-platform-section {
    background: var(--surface);
    position: relative;
}

.home-platform-header {
    margin-bottom: 4rem;
    max-width: 800px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.home-platform-features {
    margin-top: 3rem;
}

.home-platform-features-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.75rem;
}

.home-platform-feature-card {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 20px;
    padding: 2rem 1.75rem;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    cursor: pointer;
}

.home-platform-feature-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(42, 124, 237, 0.04);
    opacity: 0;
    transition: opacity 0.4s ease;
}

.home-platform-feature-card:hover {
    transform: translateY(-6px) scale(1.02);
    border-color: var(--border-strong);
    box-shadow: var(--shadow-card-hover);
}

.home-platform-feature-card:hover::before {
    opacity: 1;
}

.home-platform-feature-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.home-platform-feature-icon-wrapper {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(42, 124, 237, 0.10);
    border-radius: 16px;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
    transition: transform 0.4s ease;
}

.home-platform-feature-icon {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

.home-platform-feature-icon-wrapper img,
.home-platform-feature-icon-wrapper > span img {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

.home-platform-feature-card:hover .home-platform-feature-icon-wrapper {
    transform: scale(1.1) rotate(5deg);
}

.home-platform-feature-content {
    position: relative;
    z-index: 1;
}

.home-platform-feature-title {
    font-size: 1.35rem;
    font-weight: 600;
    color: var(--text);
    margin: 0 0 0.75rem;
    line-height: 1.3;
}

.home-platform-feature-description {
    font-size: 0.98rem;
    line-height: 1.7;
    color: var(--text-muted);
    margin: 0;
}

@media (max-width: 1024px) {
    .home-platform-features-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .home-platform-header {
        margin-bottom: 2.5rem;
    }

    .home-platform-features-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .home-platform-feature-card {
        padding: 1.75rem 1.5rem;
    }
}

/* ==================== INNOVATIVE REDESIGN: END TO END TECH STACKS ==================== */
.home-end-to-end-section {
    background: var(--surface);
    position: relative;
}

/* ==================== HOME: GLOBAL FOOTPRINT (Engagements) ==================== */

/* ==================== POLAR: SaaS App ==================== */
.polar-saas-apps {
  position: relative;
  padding: 16px 0 56px;
  margin-top: -16px;
  background: #f9fafb;
  overflow: hidden;
}

.polar-saas-apps::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 70% 50% at 10% 20%, rgba(42, 124, 237, 0.14), transparent 55%),
    radial-gradient(ellipse 50% 40% at 90% 80%, rgba(42, 124, 237, 0.08), transparent 50%);
  pointer-events: none;
}

/* ==================== POLAR: Key Features header polish ==================== */
.polar-key-features__header {
  text-align: center;
  margin-bottom: 14px;
}

.polar-key-features__eyebrow {
  margin: 0 0 8px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 650;
}

.polar-key-features__title {
  margin: 0;
}

.polar-saas-apps .container {
  position: relative;
  z-index: 1;
}

.polar-saas-apps__panel {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr);
  gap: 28px;
  align-items: center;
  padding: 32px 36px;
  margin-bottom: 32px;
  border-radius: 24px;
  background: linear-gradient(135deg, #0b1f3d 0%, #123a6b 48%, #1a4d8f 100%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow:
    0 0 0 1px rgba(42, 124, 237, 0.2),
    0 24px 48px rgba(11, 31, 61, 0.35),
    0 8px 24px rgba(42, 124, 237, 0.12);
  overflow: hidden;
}

.polar-saas-apps__panel::after {
  content: "";
  position: absolute;
  top: -40%;
  right: -10%;
  width: 55%;
  height: 120%;
  background: radial-gradient(circle, rgba(96, 165, 250, 0.35) 0%, transparent 65%);
  pointer-events: none;
  filter: blur(40px);
}

.polar-saas-apps__copy {
  position: relative;
  z-index: 1;
  min-width: 0;
}

.polar-saas-apps__titleRow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}

.polar-saas-apps__logo {
  height: 28px;
  width: auto;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

.polar-saas-apps__pill {
  display: inline-flex;
  align-items: center;
  padding: 5px 12px;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #bfdbfe;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.35);
  border-radius: 999px;
  backdrop-filter: blur(8px);
}

.polar-saas-apps__title {
  margin: 0 0 10px;
  font-size: clamp(1.5rem, 2.8vw, 2rem);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #f8fafc;
}

.polar-saas-apps__lead {
  margin: 0 0 22px;
  font-size: 0.9375rem;
  line-height: 1.65;
  color: #cbd5e1;
  max-width: 48ch;
}

.polar-saas-apps__features {
  list-style: none;
  margin: 0 0 24px;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.polar-saas-apps__featureCard {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(12px);
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.polar-saas-apps__featureCard:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(147, 197, 253, 0.4);
  transform: translateY(-2px);
}

.polar-saas-apps__featureIcon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.polar-saas-apps__featureTitle {
  margin: 0 0 4px;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.3;
  color: #f1f5f9;
}

.polar-saas-apps__featureDesc {
  margin: 0;
  font-size: 0.75rem;
  line-height: 1.5;
  color: #94a3b8;
}

.polar-saas-apps__downloads {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
}

.polar-saas-apps__downloadsLabel {
  flex: 0 0 100%;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #94a3b8;
}

.polar-saas-apps__storeBtn {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(255, 255, 255, 0.2);
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.polar-saas-apps__storeBtn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.polar-saas-apps__storeBtn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #000;
  color: #fff;
  border: 6px solid #e5e5e5;
  border-radius: 12px;
  padding: 8px 14px;
  text-decoration: none;
  width: fit-content;
}
.app-store-badge-app {
    filter: brightness(0) invert(1);
}

.polar-saas-apps__storeBtn img {
  width: 24px;
  height: 24px;
  display: block;
}

.polar-saas-apps__storeText {
  display: flex;
  flex-direction: column;
  line-height: 1;
}

.polar-saas-apps__storeText span:first-child {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.polar-saas-apps__storeText span:last-child {
  font-size: 14px;
  font-weight: 500;
}

.polar-saas-apps__visual {
  position: relative;
  z-index: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 320px;
}

.polar-saas-apps__videoShell {
  position: relative;
  width: 100%;
  max-width: 400px;
  padding: 14px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(16px);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.25);
}

.polar-saas-apps__videoBtn {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  font: inherit;
  text-align: left;
  color: inherit;
}

.polar-saas-apps__videoBtn:focus-visible {
  outline: 2px solid #60a5fa;
  outline-offset: 4px;
  border-radius: 14px;
}

.polar-saas-apps__videoThumbWrap {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 12px;
  overflow: hidden;
  background: #0f172a;
}

.polar-saas-apps__videoThumb {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform 0.35s ease;
}

.polar-saas-apps__videoBtn:hover .polar-saas-apps__videoThumb {
  transform: scale(1.04);
}

.polar-saas-apps__videoOverlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 40%, rgba(15, 23, 42, 0.5) 100%);
  pointer-events: none;
}

.polar-saas-apps__videoPlay {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #ffffff;
  color: #2a7ced;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.polar-saas-apps__videoBtn:hover .polar-saas-apps__videoPlay {
  transform: translate(-50%, -50%) scale(1.08);
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.4);
}

.polar-saas-apps__videoCaption {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #cbd5e1;
  line-height: 1.4;
}

.polar-saas-apps__videoFrame {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 12px;
  overflow: hidden;
  background: #0f172a;
}

.polar-saas-apps__videoFrame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

@media (max-width: 1024px) {
  .polar-saas-apps__features {
    grid-template-columns: 1fr;
  }

  .polar-saas-apps__featureCard {
    flex-direction: row;
    align-items: flex-start;
  }
}

@media (max-width: 900px) {
  .polar-saas-apps__panel {
    grid-template-columns: 1fr;
    padding: 28px 24px;
    gap: 24px;
  }

  .polar-saas-apps__visual {
    min-height: auto;
    order: -1;
  }

  .polar-saas-apps__videoShell {
    max-width: none;
  }

  .polar-saas-apps__lead {
    max-width: none;
  }
}

@media (max-width: 600px) {
  .polar-saas-apps {
    padding: 12px 0 40px;
  }

  .polar-saas-apps__panel {
    padding: 22px 18px;
    margin-bottom: 24px;
    border-radius: 20px;
  }

  .polar-saas-apps__storeBtn img {
    height: 34px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .polar-saas-apps__featureCard:hover,
  .polar-saas-apps__storeBtn:hover,
  .polar-saas-apps__videoBtn:hover .polar-saas-apps__videoThumb,
  .polar-saas-apps__videoBtn:hover .polar-saas-apps__videoPlay {
    transform: none;
  }
}
.home-footprint {
    position: relative;
    overflow: hidden;
    background:
      radial-gradient(circle at top, rgba(59,130,246,0.12), transparent 55%),
      #0b1220;
    color: #e5e7eb;
}

.home-footprint::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 60% 10%, rgba(59,130,246,0.10), transparent 55%);
    opacity: 0.55;
    pointer-events: none;
}

.home-footprint__header {
    max-width: 860px;
    text-align: center;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.home-footprint .home-page-blue-text {
    color: #60a5fa;
}

.home-footprint .home-page-h {
    color: #ffffff !important; 
}

.home-footprint .home-page-p {
    color: rgba(229, 231, 235, 0.85);
}

.home-footprint__subtitle {
    max-width: 900px;
    margin: 0.25rem auto 0;
    color: rgba(229, 231, 235, 0.85);
}

/* Stats Section - Using same style as AIoT Impact */
.home-footprint__stats-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.5rem;
    margin-top: 2.5rem;
    position: relative;
    z-index: 1;
}

/* Using home-data-widget styles from AIoT Impact section (scoped overrides for dark background) */
.home-footprint .home-data-widget {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(148, 163, 184, 0.25);
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(10px);
}

.home-footprint .home-data-p {
    color: rgba(229, 231, 235, 0.78);
}

.home-footprint .home-data-count {
    color: #f9fafb;
}

.home-footprint .home-data-highlight {
    color: #60a5fa;
}

/* Visual Section - after heading */
.home-footprint__visual {
    margin-top: 2.25rem;
    margin-bottom: 0.75rem;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
}

.home-footprint__visual-inner {
    border-radius: 24px;
    border: 1px solid rgba(148, 163, 184, 0.28);
    background: rgba(255, 255, 255, 0.04);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
    overflow: hidden;
    padding: 2rem;
    transition: all 0.4s ease;
    position: relative;
}

.home-footprint__visual-inner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 50% 0%, rgba(59,130,246,0.18), transparent 70%);
    pointer-events: none;
}

.home-footprint__visual-inner:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.45);
    border-color: rgba(96,165,250,0.45);
}

.home-footprint__image {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    z-index: 1;
}

/* Responsive Design - Matching AIoT Impact */
@media (max-width: 1024px) {
    .home-footprint__stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-footprint__visual-inner {
        padding: 1.5rem;
        border-radius: 20px;
    }
}

@media (max-width: 640px) {
    .home-footprint__stats-grid {
        grid-template-columns: 1fr;
    }

    .home-footprint__visual-inner {
        padding: 1.25rem;
        border-radius: 18px;
    }
}
.sub-content-description{
  margin-bottom: 0px;
}
.sub-content-description p{
    margin-top: 0px;
}
.platform-vertical-line {
    border-left: 1px solid #E6E6E6;
    height: 280px;
    margin-right: 30px;
    margin-top: 53px;
    border-radius: 5px;
    /* opacity: 20%; */
}

/* ==================== POLAR: Light Theme Updates ==================== */

/* Key Benefits - Light Theme */
section.key-benefits {
    background: #ffffff;
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

section.key-benefits .container {
    max-width: 1120px !important;
    margin: 0 auto !important;
    padding: 0 1.5rem !important;
}

section.key-benefits .container h2 {
    font-size: clamp(1.75rem, 3.5vw, 2.5rem) !important;
    font-weight: 600 !important;
    color: #0f172a;
    line-height: 1.3 !important;
    margin: 0 0 0.5rem !important;
}

section.key-benefits .container .text-center {
    font-size: 1rem !important;
    color: #64748b !important;
    margin: 0 0 3rem !important;
}

section.key-benefits .container .key-list {
    margin-top: 0 !important;
}

section.key-benefits .container .key-list .key-list-row {
    gap: 24px !important;
    margin-bottom: 24px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

section.key-benefits .container .key-list .key-list-row .key-item {
    flex: 1 !important;
    width: auto !important;
    padding: 24px !important;
    margin: 0 !important;
    background: #ffffff !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06) !important;
    border-radius: 12px !important;
    border: 1px solid #e2e8f0 !important;
    transition: all 0.3s ease !important;
}

section.key-benefits .container .key-list .key-list-row .key-item:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1), 0 4px 10px rgba(0, 0, 0, 0.06) !important;
    transform: translateY(-2px) !important;
    border-color: #2A7CED !important;
}

section.key-benefits .container .key-list .key-list-row .key-item img {
    width: 56px !important;
    height: 56px !important;
    padding: 12px !important;
    background: linear-gradient(135deg, rgba(42, 124, 237, 0.1) 0%, rgba(42, 124, 237, 0.05) 100%) !important;
    border-radius: 12px !important;
}

section.key-benefits .container .key-list .key-list-row .key-item h4 {
    font-size: 1.125rem !important;
    color: #0f172a !important;
    margin: 0 0 8px !important;
    line-height: 1.4 !important;
}

section.key-benefits .container .key-list .key-list-row .key-item p {
    font-size: 0.9375rem !important;
    color: #475569 !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

section.key-benefits .lr-more {
    margin-top: 2rem !important;
    font-size: 1rem !important;
    color: #0f172a;
}

section.key-benefits .lr-more span {
    padding: 4px 8px !important;
    border-radius: 6px !important;
    color: #0f172a !important;
}

/* Engagements Polar - Light Theme */
section.engagements-polar {
    background: #ffffff !important;
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

section.engagements-polar .container {
    max-width: 1120px !important;
    margin: 0 auto !important;
    padding: 0 1.5rem !important;
}

section.engagements-polar .container-column-left .text-color-primary {
    font-size: 0.8rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.16em !important;
    color: #2A7CED !important;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
    display: block !important;
    text-align: center;
}

section.engagements-polar .container-column-left .polar-h2 {
    font-size: clamp(1.75rem, 3.5vw, 2.5rem) !important;
    font-weight: 600 !important;
    color: #0f172a !important;
    line-height: 1.3 !important;
    margin: 0 0 2rem !important;
    width: 100% !important;
    text-align: center;
}

section.engagements-polar .container-column-right .rate-item {
    background: #ffffff !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06) !important;
    border-radius: 12px !important;
    border: 1px solid #e2e8f0 !important;
    padding: 24px !important;
    transition: all 0.3s ease !important;
}

section.engagements-polar .container-column-right .rate-item:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1), 0 4px 10px rgba(0, 0, 0, 0.06) !important;
    transform: translateY(-2px) !important;
    border-color: #2A7CED !important;
}

section.engagements-polar .container-column-right .rate-item .rate-item-label {
    color: #64748b !important;
}

section.engagements-polar .container-column-right .rate-item .rate-item-number,
section.engagements-polar .container-column-right .rate-item .rate-item-suffix {
    color: #0f172a !important;
}

section.engagements-polar .container-column-right .rate-item .rate-item-sub {
    color: #64748b !important;
}

section.engagements-polar .container-column-right .rate-item > span:not(.rate-item-label):not(.rate-item-sub) {
    color: #2A7CED !important;
}

/* Polar Key Features - Light Theme */
section.polar-key-features {
    background: radial-gradient(circle at top, #0b1120 0, #020617 50%, #020617 100%) !important;
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}

section.polar-key-features .home-container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 1.5rem !important;
}

.polar-key-features__header {
    text-align: center;
    margin-bottom: 64px !important;
}

.polar-key-features__eyebrow {
    color: #2A7CED !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    margin: 0 0 12px !important;
    display: inline-block;
}

.polar-key-features__title {
    color: white !important;
    font-size: 42px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    letter-spacing: -0.02em !important;
}

.polar-features-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
    gap: 24px !important;
    margin: 0 auto !important;
}

.polar-feature-card {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 32px 24px !important;
    height: 100% !important;
    width: 100% !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

.polar-feature-card:hover {
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.12) !important;
    transform: translateY(-4px) !important;
}

.polar-card-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0 !important;
    height: 100% !important;
    width: 100% !important;
}

.polar-gif-container {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 80px !important;
    height: 80px !important;
    margin-bottom: 20px !important;
    background: linear-gradient(135deg, rgba(42, 124, 237, 0.08), rgba(96, 165, 250, 0.05)) !important;
    border-radius: 16px !important;
    padding: 16px !important;
    transition: all 0.3s ease !important;
}

.polar-feature-card:hover .polar-gif-container {
    background: linear-gradient(135deg, rgba(42, 124, 237, 0.12), rgba(96, 165, 250, 0.08)) !important;
    transform: scale(1.05) !important;
}

.polar-solution-img {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    transition: transform 0.3s ease !important;
}

.polar-feature-card:hover .polar-solution-img {
    transform: scale(1.1) !important;
}

.polar-text-content {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
}

.polar-text-content h4 {
    color: #0f172a !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin: 0 0 12px !important;
    line-height: 1.4 !important;
    text-align: center !important;
}

.polar-text-content p {
    color: #64748b !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    text-align: center !important;
}

/* Mobile Responsive */
@media (max-width: 1024px) {
    .polar-features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }
    
    .polar-feature-card {
        padding: 28px 20px !important;
    }
    
    .polar-key-features__title {
        font-size: 36px !important;
    }
}

@media (max-width: 768px) {
    section.key-benefits,
    section.engagements-polar,
    section.polar-key-features {
        padding-top: 64px !important;
        padding-bottom: 64px !important;
    }
    
    .polar-key-features__header {
        margin-bottom: 48px !important;
    }
    
    .polar-key-features__title {
        font-size: 32px !important;
    }
    
    .polar-features-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    
    .polar-feature-card {
        padding: 24px 20px !important;
    }
    
    .polar-gif-container {
        width: 70px !important;
        height: 70px !important;
        margin-bottom: 16px !important;
    }

    section.key-benefits .container .key-list .key-list-row {
        flex-direction: column !important;
        gap: 16px !important;
        margin-bottom: 16px !important;
        align-items: center;
    }

    section.engagements-polar .container {
        flex-direction: column !important;
    }

    section.engagements-polar .container-column-right {
        margin-top: 2rem !important;
    }

    .polar-item-image {
        width: 100% !important;
        max-width: 300px !important;
        float: none !important;
        margin: 2rem auto 0 !important;
        display: block !important;
    }
}

@media (max-width: 480px) {
    section.key-benefits,
    section.engagements-polar,
    section.polar-key-features {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }
    
    .polar-key-features__header {
        margin-bottom: 40px !important;
    }
    
    .polar-key-features__eyebrow {
        font-size: 12px !important;
    }
    
    .polar-key-features__title {
        font-size: 28px !important;
    }
    
    .polar-feature-card {
        padding: 20px 16px !important;
        border-radius: 12px !important;
    }
    
    .polar-gif-container {
        width: 60px !important;
        height: 60px !important;
        padding: 12px !important;
        margin-bottom: 14px !important;
    }
    
    .polar-text-content h4 {
        font-size: 16px !important;
    }
    
    .polar-text-content p {
        font-size: 13px !important;
    }

    section.key-benefits .container .key-list .key-list-row .key-item {
        padding: 16px !important;
    }

    section.key-benefits .container .key-list .key-list-row .key-item img {
        width: 48px !important;
        height: 48px !important;
        margin-right: 16px !important;
    }
}

/* ═══════════════════════════════════════════════════════
   MODERN ABOUT US PAGE — 2026 Redesign
   ═══════════════════════════════════════════════════════ */

.about-modern-page {
    background-color: #ffffff;
    margin-top: 80px;
}

/* ── Shared Section Styles ── */
.about-section {
    padding: 80px 0;
}

.about-section__header {
    text-align: center;
    margin-bottom: 48px;
}

.about-section__title {
    font-size: 36px;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 16px;
    line-height: 1.2;
}

/* ── Our Story / Who We Are ── */
.about-story {
    background: #ffffff;
}

.about-story__centered {
    max-width: 720px;
    margin: 0 auto;
    text-align: center;
}

.about-story__tagline {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #2A7CED;
    text-transform: uppercase;
    margin: 0 0 10px;
}

.about-story__title {
    text-align: center;
}

.about-story__body {
    text-align: left;
    margin-top: 24px;
}

.about-story__lead {
    font-size: 18px;
    line-height: 1.8;
    color: #1e293b;
    font-weight: 500;
    margin: 0 0 20px;
    border-left: 3px solid #2A7CED;
    padding-left: 20px;
}

.about-story__text {
    font-size: 15px;
    line-height: 1.8;
    color: #475569;
    margin: 0 0 16px;
}

.about-who__desc .about-story__text {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 16px;
}

.about-story__cite {
    display: block;
    text-align: left;
    font-size: 13px;
    color: #94a3b8;
    font-style: italic;
    margin-top: 12px;
}

/* ── Leadership Section ── */
.about-leadership {
    background: #f9fafb;
}

.about-leaders {
    display: flex;
    justify-content: center;
    gap: 40px;
    flex-wrap: wrap;
    max-width: 960px;
    margin: 0 auto;
}

.about-leaders__card {
    background: #ffffff;
    border-radius: 20px;
    padding: 40px 32px 32px;
    text-align: center;
    width: 260px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 20px rgba(15,23,42,0.04);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.about-leaders__card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 48px rgba(15,23,42,0.10);
}

.about-leaders__photo {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 20px;
    border: 4px solid #f1f5f9;
    box-shadow: 0 6px 24px rgba(42,124,237,0.10);
    background: #f1f5f9;
}

.about-leaders__photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
}

.about-leaders__info {
    padding: 0;
}

.about-leaders__name {
    font-size: 18px;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 4px;
}

.about-leaders__role {
    font-size: 14px;
    color: #64748b;
    font-weight: 500;
    margin: 0 0 16px;
}

.about-leaders__linkedin {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: #2A7CED;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.about-leaders__linkedin:hover {
    opacity: 0.75;
}

/* ── Vision / Mission / Values ── */
.about-visions {
    background: #ffffff;
}

/* ── Collaborators ── */
.about-collaborators {
    background: #ffffff;
}

.about-collaborators__map {
    width: 100%;
    max-width: 900px;
    display: block;
    margin: 0 auto;
    border-radius: 12px;
}

/* ── Awards ── */
.about-awards {
    background: #f8fafc;
}

/* ── Family Section ── */
.about-family {
    padding: 0;
    width: 100%;
}

.about-family__inner {
    position: relative;
    min-height: 380px;
    background-image: url("/images/about%20us/Senzmate-teams-min.webp");
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-family__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(15,23,42,0.65) 0%, rgba(42,124,237,0.4) 100%);
}

.about-family__title {
    position: relative;
    z-index: 2;
    font-size: 40px;
    font-weight: 800;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 2px 20px rgba(0,0,0,0.3);
}

/* ── About: Read-more link button ── */
.about-readmore-btn {
    background: none;
    border: none;
    color: #2A7CED;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0;
    margin-top: 16px;
    font-family: inherit;
    transition: color 0.2s ease;
}

.about-readmore-btn:hover {
    color: #1a5fc7;
}

/* ── About: Who description wrapper ── */
.about-who__desc {
    max-width: 800px;
    margin: 28px auto 0;
    text-align: center;
}

/* ── About: Belief cards (Vision/Mission/Values) ── */
.about-beliefs__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 24px;
}

.about-belief-card {
    background: #f9fafb;
    border-radius: 16px;
    padding: 32px 28px;
    border: 1px solid rgba(226,232,240,0.8);
    box-shadow: 0 4px 20px rgba(15,23,42,0.04);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-align: left;
}

.about-belief-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(15,23,42,0.08);
}

.about-belief-card__icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: rgba(42,124,237,0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.about-belief-card__title {
    font-size: 18px;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 10px;
}

.about-belief-card__text {
    font-size: 14px;
    line-height: 1.7;
    color: #64748b;
    margin: 0;
}

/* ── About: Horizontal Milestone Timeline ── */
.about-milestones {
    background: #ffffff;
    overflow: hidden;
}

.about-milestones__controls {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-bottom: 8px;
}

.about-milestones__arrow {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    color: #475569;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.about-milestones__arrow:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    color: #0f172a;
}

.about-milestones__scroll-area {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 0 max(24px, calc((100% - 1200px) / 2));
    position: relative;
    -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}

.about-milestones__scroll-area::-webkit-scrollbar {
    display: none;
}

.about-milestones__track {
    display: flex;
    position: relative;
    min-width: max-content;
    padding: 24px 0 48px;
}

/* Horizontal connecting line */
.about-milestones__track::before {
    content: '';
    position: absolute;
    top: 56px;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(to right, transparent 0%, #e2e8f0 4%, #e2e8f0 96%, transparent 100%);
}

.about-milestones__step {
    flex: 0 0 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding: 0 8px;
}

.about-milestones__year {
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 5px;
    letter-spacing: 0.5px;
}

.about-milestones__dot {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #2A7CED;
    border: 3px solid #dbeafe;
    z-index: 2;
    flex-shrink: 0;
    box-shadow: 0 0 0 4px rgba(42,124,237,0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.about-milestones__step:hover .about-milestones__dot {
    transform: scale(1.3);
    box-shadow: 0 0 0 6px rgba(42,124,237,0.15);
}

.about-milestones__card {
    margin-top: 20px;
    text-align: center;
    padding: 16px 8px 0;
    max-width: 170px;
}

.about-milestones__card img {
    max-width: 48px;
    height: 32px;
    margin-left: 48px;
    object-fit: contain;
    margin-bottom: 10px;
    border-radius: 4px;
}

.about-milestones__desc {
    font-size: 13px;
    line-height: 1.6;
    color: #475569;
    margin: 0;
}

/* ── About: Global Presence pills ── */
.about-global__pills {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 32px;
}

.about-global__pill {
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    padding: 5px 14px;
    font-size: 13px;
    font-weight: 500;
    color: #334155;
}

/* ── About: Awards marquee card ── */
.about-awards-marquee-card {
    flex: 0 0 auto;
    background: #ffffff;
    border-radius: 14px;
    padding: 24px 28px;
    min-width: 220px;
    text-align: center;
    border: 1px solid rgba(226,232,240,0.8);
    box-shadow: 0 2px 12px rgba(15,23,42,0.04);
}

.about-awards-marquee-card__icon {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: rgba(42,124,237,0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 12px;
}

.about-awards-marquee-card__label {
    font-size: 15px;
    font-weight: 600;
    color: #0f172a;
    margin: 0 0 4px;
}

.about-awards-marquee-card__event {
    font-size: 13px;
    color: #64748b;
    margin: 0;
}

/* ── About Page — Responsive ── */
@media (max-width: 991px) {
    .about-section {
        padding: 60px 0;
    }
    .about-leaders {
        gap: 28px;
    }
    .about-leaders__card {
        width: 230px;
        padding: 32px 24px 28px;
    }
    .about-leaders__photo {
        width: 120px;
        height: 120px;
    }
}

@media (max-width: 767px) {
    .about-modern-page {
        margin-top: 60px;
    }
    .about-section {
        padding: 48px 0;
    }
    .about-section__title {
        font-size: 26px;
    }
    .about-story__text {
        font-size: 14px;
    }
    .about-family__inner {
        min-height: 260px;
    }
    .about-family__title {
        font-size: 28px;
    }
    .about-leaders {
        flex-direction: column;
        align-items: center;
        gap: 24px;
    }
    .about-leaders__card {
        width: 100%;
        max-width: 300px;
    }
    .about-leaders__photo {
        width: 130px;
        height: 130px;
    }
    .about-story__lead {
        font-size: 16px;
    }
    .about-beliefs__grid {
        grid-template-columns: 1fr;
    }
    .about-awards-marquee-card {
        min-width: 180px;
        padding: 18px 20px;
    }
    /* Milestone mobile — larger steps, swipe indicator */
    .about-milestones__step {
        flex: 0 0 200px;
    }
    .about-milestones__card {
        max-width: 190px;
        padding: 16px 12px 0;
    }
    .about-milestones__desc {
        font-size: 12px;
    }
    .about-milestones__scroll-area {
        padding: 0 16px;
    }
    .about-milestones__scroll-area::after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 48px;
        background: linear-gradient(to right, transparent, #ffffff);
        pointer-events: none;
        z-index: 3;
    }
    .about-milestones {
        position: relative;
    }
    .about-milestones__year {
        font-size: 13px;
    }
}
.japan-description{
    color: white;
}

/* --- DevicePulse demo scheduler: modern calendar + time slots --- */
.devicepulse-schedule-layout {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  justify-content: center;
  align-items: stretch;
}

.devicepulse-calendar-card,
.devicepulse-time-card {
  font-family: "Poppins", sans-serif;
  background: linear-gradient(165deg, #ffffff 0%, #f8fafc 55%, #f1f5f9 100%);
  border-radius: 20px;
  padding: 1.35rem 1.25rem 1.5rem;
  box-shadow:
    0 4px 6px -1px rgba(15, 23, 42, 0.06),
    0 12px 28px -8px rgba(15, 23, 42, 0.12),
    0 0 0 1px rgba(226, 232, 240, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.9);
}

.devicepulse-calendar-card {
  flex: 1 1 300px;
  max-width: 400px;
}

.devicepulse-time-card {
  flex: 1 1 260px;
  min-width: 240px;
  max-width: 340px;
  display: flex;
  flex-direction: column;
}

.devicepulse-time-card__hint {
  margin: 0 0 1rem;
  font-size: 0.8125rem;
  color: #64748b;
  line-height: 1.45;
}

/* DevicePulse time picker: grid of chips */
.devicepulse-time-picker {
  max-height: min(380px, 48vh);
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0.2rem 0.15rem 0.35rem 0;
  margin: 0 -0.15rem;
  -webkit-overflow-scrolling: touch;
}

.devicepulse-time-picker::-webkit-scrollbar {
  width: 5px;
}

.devicepulse-time-picker::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 6px;
}

.devicepulse-time-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.45rem;
  font-family: "Poppins", sans-serif;
}

.devicepulse-time-chip {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.1rem;
  min-height: 3.35rem;
  padding: 0.5rem 0.35rem;
  border: 1.5px solid #e8ecf1;
  border-radius: 14px;
  background: #fff;
  cursor: pointer;
  font-family: inherit;
  transition:
    border-color 0.18s ease,
    background 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.12s ease;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.devicepulse-time-chip:hover {
  border-color: #c7d7fe;
  background: linear-gradient(180deg, #fafcff 0%, #f4f8ff 100%);
  box-shadow: 0 2px 10px rgba(37, 99, 235, 0.08);
}

.devicepulse-time-chip:active {
  transform: scale(0.97);
}

.devicepulse-time-chip__time {
  font-size: 0.9375rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.02em;
  color: #0f172a;
  line-height: 1.1;
}

.devicepulse-time-chip__period {
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #94a3b8;
  line-height: 1;
}

.devicepulse-time-chip--selected {
  border-color: #2d72ff;
  background: linear-gradient(165deg, #eef4ff 0%, #dbeafe 55%, #e0edff 100%);
  box-shadow:
    0 0 0 1px rgba(45, 114, 255, 0.25),
    0 6px 16px rgba(37, 99, 235, 0.14);
}

.devicepulse-time-chip--selected .devicepulse-time-chip__time {
  color: #1d4ed8;
}

.devicepulse-time-chip--selected .devicepulse-time-chip__period {
  color: #3b82f6;
}

@media (max-width: 380px) {
  .devicepulse-time-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.devicepulse-schedule-actions {
  margin-top: 1.75rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
}

.devicepulse-btn-secondary {
  padding: 0.65rem 1.35rem;
  border-radius: 10px;
  border: 1px solid #cbd5e1;
  background: #fff;
  color: #475569;
  font-family: "Poppins", sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  cursor: pointer;
  transition:
    border-color 0.15s ease,
    background 0.15s ease,
    color 0.15s ease;
}

.devicepulse-btn-secondary:hover {
  border-color: #94a3b8;
  background: #f8fafc;
  color: #1e293b;
}

.devicepulse-schedule-step .devicepulse-react-calendar {
  width: 100%;
  max-width: 100%;
  border: none;
  background: transparent;
  font-family: "Poppins", sans-serif;
  line-height: 1.25;
}

.devicepulse-schedule-step .devicepulse-react-calendar .react-calendar__navigation {
  display: flex;
  align-items: center;
  height: auto;
  margin-bottom: 1rem;
  padding: 0.25rem;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 14px;
  border: 1px solid #e2e8f0;
}

.devicepulse-schedule-step .devicepulse-react-calendar .react-calendar__navigation button {
  min-width: 44px;
  min-height: 44px;
  border-radius: 12px;
  font-size: 1.35rem;
  font-weight: 500;
  color: #334155;
  transition: background 0.15s ease, color 0.15s ease;
}

.devicepulse-schedule-step .devicepulse-react-calendar .react-calendar__navigation button:enabled:hover,
.devicepulse-schedule-step .devicepulse-react-calendar .react-calendar__navigation button:enabled:focus {
  background: #e0edff;
  color: #1d4ed8;
}

.devicepulse-schedule-step .devicepulse-react-calendar .react-calendar__navigation button:disabled {
  background: transparent;
  color: #cbd5e1;
}

.devicepulse-schedule-step .devicepulse-react-calendar .react-calendar__navigation__label {
  flex-grow: 1 !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  color: #0f172a !important;
  letter-spacing: -0.02em;
  pointer-events: none;
}

.devicepulse-schedule-step .devicepulse-react-calendar .react-calendar__month-view__weekdays {
  text-transform: none;
  font-size: 0.7rem;
  font-weight: 600;
  color: #64748b;
  letter-spacing: 0.04em;
  margin-bottom: 0.35rem;
}

.devicepulse-schedule-step .devicepulse-react-calendar .react-calendar__month-view__weekdays__weekday {
  padding: 0.4rem 0.25rem;
}

.devicepulse-schedule-step .devicepulse-react-calendar .react-calendar__month-view__weekdays__weekday abbr {
  text-decoration: none;
}

.devicepulse-schedule-step .devicepulse-react-calendar .react-calendar__month-view__days__day--weekend {
  color: inherit;
}

.devicepulse-schedule-step .devicepulse-react-calendar .react-calendar__tile {
  padding: 0.65rem 0.25rem;
  border-radius: 12px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #334155;
  transition:
    background 0.15s ease,
    color 0.15s ease,
    box-shadow 0.15s ease;
}

.devicepulse-schedule-step .devicepulse-react-calendar .react-calendar__tile:disabled {
  background: transparent !important;
  color: #cbd5e1 !important;
  cursor: not-allowed;
}

.devicepulse-schedule-step
  .devicepulse-react-calendar
  .react-calendar__month-view__days__day--neighboringMonth {
  color: #cbd5e1;
}

.devicepulse-schedule-step .devicepulse-react-calendar .react-calendar__tile:enabled:hover,
.devicepulse-schedule-step .devicepulse-react-calendar .react-calendar__tile:enabled:focus {
  background: #e8f0fe !important;
  color: #1d4ed8;
}

.devicepulse-schedule-step .devicepulse-react-calendar .react-calendar__tile--now {
  background: rgba(45, 114, 255, 0.08) !important;
  color: #1d4ed8 !important;
  font-weight: 600;
  box-shadow: inset 0 0 0 1px rgba(45, 114, 255, 0.25);
}

.devicepulse-schedule-step .devicepulse-react-calendar .react-calendar__tile--now:enabled:hover,
.devicepulse-schedule-step .devicepulse-react-calendar .react-calendar__tile--now:enabled:focus {
  background: #dbeafe !important;
}

.devicepulse-schedule-step .devicepulse-react-calendar .react-calendar__tile--active {
  background: linear-gradient(145deg, #2d72ff 0%, #2563eb 100%) !important;
  color: #fff !important;
  font-weight: 600;
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.35);
}

.devicepulse-schedule-step .devicepulse-react-calendar .react-calendar__tile--active:enabled:hover,
.devicepulse-schedule-step .devicepulse-react-calendar .react-calendar__tile--active:enabled:focus {
  background: linear-gradient(145deg, #2563eb 0%, #1d4ed8 100%) !important;
  color: #fff !important;
}

@media (max-width: 600px) {
  .devicepulse-calendar-card,
  .devicepulse-time-card {
    max-width: 100%;
    padding: 1.1rem 1rem 1.25rem;
  }

  .devicepulse-schedule-step .devicepulse-react-calendar .react-calendar__tile {
    padding: 0.55rem 0.15rem;
    font-size: 0.8125rem;
  }

  .devicepulse-stepper {
    flex-wrap: wrap;
  }

  .devicepulse-stepper__line {
    display: none;
  }

  .devicepulse-schedule-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .devicepulse-schedule-actions .schedule-demo-btn,
  .devicepulse-schedule-actions .devicepulse-btn-secondary {
    width: 100%;
    text-align: center;
    margin-left: 0 !important;
  }
}

/* DevicePulse booking flow: stepper, hints, success */
.devicepulse-booking-flow {
  width: 100%;
}

.devicepulse-stepper {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  padding: 0.65rem 1rem;
  background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
  border-radius: 14px;
  border: 1px solid #e2e8f0;
}

.devicepulse-stepper__step {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8125rem;
  color: #64748b;
  font-weight: 500;
}

.devicepulse-stepper__step--active {
  color: #0f172a;
  font-weight: 600;
}

.devicepulse-stepper__step--done {
  color: #15803d;
}

.devicepulse-stepper__num {
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
  background: #e2e8f0;
  color: #475569;
  flex-shrink: 0;
}

.devicepulse-stepper__step--active .devicepulse-stepper__num {
  background: linear-gradient(145deg, #2d72ff 0%, #2563eb 100%);
  color: #fff;
  box-shadow: 0 2px 8px rgba(37, 99, 235, 0.25);
}

.devicepulse-stepper__step--done .devicepulse-stepper__num {
  background: #dcfce7;
  color: #15803d;
}

.devicepulse-stepper__check {
  stroke: currentColor;
}

.devicepulse-stepper__line {
  flex: 1;
  height: 2px;
  background: linear-gradient(90deg, #cbd5e1, #e2e8f0);
  border-radius: 1px;
  min-width: 1.5rem;
  max-width: 3rem;
}

.devicepulse-form-hint {
  margin: 0.5rem 0 0;
  font-size: 0.8125rem;
  color: #64748b;
  line-height: 1.45;
}

.devicepulse-schedule-heading {
  margin-top: 0;
}

.devicepulse-schedule-intro {
  color: #475569;
  margin: 0 0 1.25rem;
  line-height: 1.6;
  font-size: 0.9375rem;
  padding: 1rem 1.1rem;
  background: #f8fafc;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
}

.devicepulse-schedule-intro--light {
  padding: 0.6rem 0.8rem;
  font-size: 0.8125rem;
  line-height: 1.45;
  background: #fcfcfd;
  border-color: #eef2f6;
  color: #64748b;
  margin-bottom: 1rem;
}

.devicepulse-intro-line {
  display: block;
  color: #475569;
}

.devicepulse-intro-muted {
  display: block;
  margin-top: 0.3rem;
  font-size: 0.75rem;
  color: #94a3b8;
  line-height: 1.4;
  font-weight: 400;
}

.devicepulse-time-hint {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.12rem;
  margin: 0 0 0.75rem;
}

.devicepulse-time-hint__date {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #1e293b;
  letter-spacing: -0.01em;
  line-height: 1.25;
}

.devicepulse-time-hint__meta {
  font-size: 0.75rem;
  color: #94a3b8;
  font-weight: 400;
  line-height: 1.35;
}

.devicepulse-card-eyebrow {
  margin: 0 0 0.5rem;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #64748b;
}

.devicepulse-calendar-sub {
  margin: -0.25rem 0 0.75rem;
  font-size: 0.75rem;
  color: #64748b;
  line-height: 1.35;
}

.devicepulse-inline-alert {
  margin: 0 0 1rem;
  padding: 0.65rem 0.85rem;
  border-radius: 10px;
  background: #fef2f2;
  border: 1px solid #fecaca;
  color: #b91c1c;
  font-size: 0.875rem;
}

.devicepulse-slot-summary {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-bottom: 0.85rem;
  padding: 0.65rem 0.75rem;
  border-radius: 10px;
  background: linear-gradient(135deg, #eff6ff 0%, #e0edff 100%);
  border: 1px solid #bfdbfe;
  color: #1e3a8a;
  font-size: 0.8125rem;
  line-height: 1.45;
}

.devicepulse-slot-summary svg {
  flex-shrink: 0;
  margin-top: 0.1rem;
  color: #2563eb;
}

.devicepulse-slot-summary--minimal {
  align-items: center;
  margin-bottom: 0.6rem;
  padding: 0.4rem 0.55rem;
  background: #f8fafc;
  border: 1px solid #e8ecf1;
  color: #475569;
  font-size: 0.8125rem;
}

.devicepulse-slot-summary--minimal svg {
  color: #94a3b8;
  margin-top: 0;
}

.devicepulse-slot-summary__sep {
  margin: 0 0.35rem;
  opacity: 0.4;
  font-weight: 400;
}

.devicepulse-slot-summary__date {
  font-weight: 500;
  color: #64748b;
}

.devicepulse-time-slots-empty {
  text-align: center;
  padding: 1.75rem 1rem;
  border-radius: 14px;
  border: 1px dashed #cbd5e1;
  background: rgba(248, 250, 252, 0.9);
}

.devicepulse-time-slots-empty__icon {
  color: #94a3b8;
  margin-bottom: 0.75rem;
}

.devicepulse-time-slots-empty__title {
  margin: 0 0 0.35rem;
  font-size: 0.9375rem;
  font-weight: 600;
  color: #334155;
}

.devicepulse-time-slots-empty__text {
  margin: 0;
  font-size: 0.8125rem;
  color: #64748b;
  line-height: 1.5;
  max-width: 240px;
  margin-left: auto;
  margin-right: auto;
}

.devicepulse-actions-hint {
  margin: 0.65rem 0 0;
  font-size: 0.75rem;
  color: #94a3b8;
  text-align: center;
}

.schedule-demo-btn.devicepulse-btn-confirm:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  box-shadow: none;
}

.devicepulse-time-chip:focus-visible,
.devicepulse-btn-secondary:focus-visible,
.schedule-demo-btn:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 3px;
}

.devicepulse-schedule-step .devicepulse-react-calendar .react-calendar__navigation button:focus-visible,
.devicepulse-schedule-step .devicepulse-react-calendar .react-calendar__tile:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
  z-index: 1;
}

.devicepulse-success-panel {
  text-align: center;
  padding: 2rem 1.5rem;
  max-width: 520px;
  margin: 0 auto;
  background: linear-gradient(180deg, #f8fafc 0%, #fff 40%);
  border-radius: 20px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 12px 40px -12px rgba(15, 23, 42, 0.12);
}

.devicepulse-success-panel__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  margin: 0 auto 1rem;
  border-radius: 50%;
  background: #dcfce7;
  color: #15803d;
}

.devicepulse-success-panel__title {
  margin: 0 0 0.75rem;
  font-size: 1.35rem;
  font-weight: 600;
  color: #0f172a;
  letter-spacing: -0.02em;
}

.devicepulse-success-panel__slot {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 0.5rem;
  margin: 0 0 1rem;
  color: #334155;
  font-size: 0.9375rem;
  line-height: 1.5;
  text-align: left;
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
}

.devicepulse-success-panel__slot-icon {
  flex-shrink: 0;
  color: #2563eb;
  margin-top: 0.15rem;
}

.devicepulse-success-panel__note {
  margin: 0;
  color: #64748b;
  font-size: 0.875rem;
  line-height: 1.55;
}

/* Partnership ecosystem page layout and mobile overrides */
#main-content:has(> main.partnership-ecosystem-page) {
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
}

main.partnership-ecosystem-page {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: clip;
  box-sizing: border-box;
}

main.partnership-ecosystem-page > * {
  min-width: 0;
  max-width: 100%;
}

main.partnership-ecosystem-page img,
main.partnership-ecosystem-page video,
main.partnership-ecosystem-page iframe {
  max-width: 100%;
}

@media (max-width: 767px) {
  main.partnership-ecosystem-page [class*="pageShell"] {
    width: min(1180px, calc(100% - 20px));
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  main.partnership-ecosystem-page [class*="finalCtaButton"] {
    display: flex;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    white-space: normal;
    text-align: center;
  }
}

@media only screen and (max-width: 800px) {
  ul.mob-menu .mob-ai-bootcamp {
    display: flex;
    justify-content: center;
    margin: 0;
    list-style: none;
    text-align: center;
  }

  nav.menu-opened .mobile-menu .nav-book-demo.nav-partnership-cta,
  ul.mob-menu .mob-ai-bootcamp .nav-book-demo.nav-partnership-cta {
    border: 1px solid #2a7ced !important;
    background: #ffffff !important;
    color: #1d5eb8 !important;
    box-shadow: none;
    animation: none;
    min-width: 0;
    width: 100%;
    height: 40px;
    padding: 0 15px;
    font-size: 15px;
    line-height: 46px;
    gap: 8px;
    margin-top: 18px;
  }

  nav.menu-opened .mobile-menu .nav-book-demo.nav-partnership-cta.is-active,
  ul.mob-menu .mob-ai-bootcamp .nav-book-demo.nav-partnership-cta.is-active {
    background: rgba(42, 124, 237, 0.12) !important;
    border-color: #1d5eb8 !important;
    color: #1d5eb8 !important;
    box-shadow: 0 0 0 1px rgba(42, 124, 237, 0.18);
  }
}
/* ==========================================
   Browser Mockup Styles
   ========================================== */

.browser-mockup-wrapper {
  background: var(--color-background-secondary, #f8f9fa);
  border-radius: var(--border-radius-lg, 12px);
  /* padding: 20px 0; */
  width: 100%;
}

.browser-mockup-chrome {
  background: #dee1e6;
  /* border-radius: 10px 10px 0 0; */
  /* border: 0.5px solid #c8cbcf; */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

.browser-window-header {
  background: #dee1e6;
  padding: 10px 22px 4px;
  display: flex;
  align-items: center;
}

.browser-traffic-lights {
  display: flex;
  gap: 8px;
  align-items: center;
}

.browser-tl {
  width: 13px;
  height: 13px;
  border-radius: 50%;
}
.browser-tl-red { background: #ff5f57; }
.browser-tl-yellow { background: #febc2e; }
.browser-tl-green { background: #28c840; }

.browser-tab-bar {
  display: flex;
  align-items: flex-end;
  background: #dee1e6;
  padding: 5px 8px 0 8px;
  gap: 2px;
  min-height: 40px;
  overflow-x: auto;
  scrollbar-width: none;
}
.browser-tab-bar::-webkit-scrollbar {
  display: none;
}

.browser-tab {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  height: 40px;
  min-width: 255px;
  max-width: 260px;
  flex: 1;
  background: #dee1e6;
  border-radius: 8px 8px 0 0;
  cursor: pointer;
  position: relative;
  user-select: none;
  transition: background 0.15s;
  border: none;
  outline: none;
  text-align: left;
}

.browser-tab:hover {
  background: #d3d6da;
}

.browser-tab.active {
  background: #ffffff;
  z-index: 2;
}

.browser-tab-favicon {
  background-image: url("/images/senzview/senzview-logo1.webp");
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.browser-favicon-icon {
  width: 14px;
  height: 14px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.browser-tab-title {
  font-size: 12px;
  font-family: 'Poppins', sans-serif;
  color: #3c4043;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}

.browser-tab.active .browser-tab-title {
  color: #202124;
  font-weight: 500;
}

.browser-tab-close {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  cursor: pointer;
  transition: background 0.12s;
  background: transparent;
  border: none;
  padding: 0;
  color: #5f6368;
  font-size: 14px;
  line-height: 1;
}
.browser-tab-close:hover {
  background: #dadce0;
  color: #202124;
}

.browser-tab-actions {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 0 6px 4px;
  flex-shrink: 0;
}

.browser-tab-btn {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: transparent;
  border: none;
  color: #5f6368;
  font-size: 14px;
  transition: background 0.12s;
}
.browser-tab-btn:hover {
  background: #c8cbcf;
}

.browser-address-bar {
  background: #f0f2f5;
  border-top: 1px solid #dadce0;
  padding: 6px 14px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.browser-nav-btns {
  display: flex;
  gap: 4px;
}

.browser-nav-btn {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  cursor: pointer;
  color: #5f6368;
  font-size: 14px;
  transition: background 0.12s;
}
.browser-nav-btn:hover {
  background: #e8eaed;
}
.satestimonial-logo-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.satestimonial-logo {
    width: 150px;
    height: auto;
    display: block;
}
.about-solar-title {
    font-weight: 600;
    font-size: 24px;
}
.solar-track-action-title {
    font-weight: 600;
    font-size: 24px;
}
.monitoring-title {
    font-weight: 600;
}

.data-insights-title {
    font-weight: 600;
}
.financial-loss-title{
    font-weight: 600;
}
.increased-performance-title{
    font-weight: 600;
}

.solar-track-benefits-title {
    font-weight: 600;
    font-size: 24px;
}

.browser-url-box {
  flex: 1;
  height: 30px;
  border-radius: 16px;
  background: #e8eaed;
  display: flex;
  align-items: center;
  padding: 0 14px;
  gap: 8px;
  font-size: 13px;
  font-family: 'Poppins', sans-serif;
}

.browser-url-lock {
  font-size: 12px;
  opacity: 0.7;
}

.browser-url-text {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #202124;
}

/* Base structural layout preservation */
.capabilities-banner {
  margin-top: 0; /* Aligns neatly right under the container */
}
.capabilities-banner img {
  width: 100%;
  display: block;
}

/* whatsapp Float */
.whatsapp-wrapper {
  position: relative;
  display: inline-flex;
}

.whatsapp-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 9999px;
  background: rgba(37, 211, 102, 0.35);
  animation: whatsappPulse 2.8s infinite;
  z-index: 0;
}

@keyframes whatsappPulse {
  0% {
    transform: scale(1);
    opacity: 0.7;
  }

  70% {
    transform: scale(1.45);
    opacity: 0;
  }

  100% {
    transform: scale(1.45);
    opacity: 0;
  }
}
.factoryspy-hero__visual {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.factoryspy-hero__image {
    width: 100%;
    max-width: 520px;
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 25px 50px rgba(0,0,0,.35));
    animation: floatFactorySpy 6s ease-in-out infinite;
}

@keyframes floatFactorySpy {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0);
    }
}


.factory-heading {
    font-weight: 600;
    font-size: clamp(24px, 4vw, 32px);
    line-height: 1.2;
}


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

    .factoryspy-hero__visual {
        margin-top: 40px;
    }

    .factoryspy-hero__image {
        max-width: 420px;
    }

}


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

    .factoryspy-hero__visual {
        margin-top: 30px;
        padding: 0 15px;
    }

    .factoryspy-hero__image {
        width: 90%;
        max-width: 360px;
    }


    .factory-heading {
        font-size: 26px;
        text-align: center;
    }

}


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

    .factoryspy-hero__visual {
        margin-top: 24px;
    }


    .factoryspy-hero__image {
        width: 100%;
        max-width: 300px;
    }


    .factory-heading {
        font-size: 22px;
        line-height: 1.3;
    }

}
.feature-icon {
    width: 38px;
    height: 38px;
    object-fit: contain;
    display: block;
    transform: translateX(1px);
}
.pain-card {
  background: #ffffff;
  border-left: 4px solid #016f8b;
  box-shadow: 
    0 1px 2px rgba(15, 23, 42, 0.04),
    0 8px 24px -12px rgba(15, 23, 42, 0.10);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.pain-card:hover {
  transform: translateY(-3px);
  box-shadow: 
    0 4px 10px rgba(15,23,42,0.06),
    0 16px 32px -14px rgba(1,111,139,0.28);
}

.icon-badge {
  background:linear-gradient(135deg, #031f25 0%, #003847 55%, #042f3a 100%);;;
  color:#fff;
}

.eyebrow-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #016f8b;
  box-shadow: 0 0 0 4px #EAF2FE;
}

@media (prefers-reduced-motion: reduce) {
  .pain-card {
    transition: none;
  }

  .pain-card:hover {
    transform: none;
  }
}

@media only screen and (max-width: 430px){
    .check-card {
        width: 85px !important;
        font-size: 12px;
        font-weight: 600;
        text-align: center;
    }
    .text-color-primary{
        display: block;  
        text-align: center;
    }

    .job-desc-product{
        display: grid;
        gap:5rem;
    }

    .hero-senz-img-col-solution{
        display: none !important;
    }

    .mag-mincard-img{
        margin-left: 8px;
    }

    /* .mini-card-blue-text{ margin-left: 8px; } */

    /* .mini-card-description{ margin-left: 8px; } */
    .comparison-matrix-data {
        width: 200px !important;
        text-align: left;
        font-size: 12px;
        height: auto;
    }
      .solar-heading {
    font-size: 1.6rem;
  }
  .mosex-item-card,.car-value-card{
    width: 370px;
  }
  .value-insurance{
    padding-bottom: 0px;
  }
  .mos-head{
    padding-left: 10px;
    padding-right: 10px;
  }
  .functions-container{
    padding-left: 0px;
    padding-right: 0px;
  }
  .solar-container{
    display: grid;
  }
  .solar-header{
    height: 780px;
  }
  .content-col{
    width: 100%;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .mos-item-card{
    width: 340px;
  }
  .mos-item-wrapper{
    display: grid;
    justify-content: center;
  }
  .value-mos-item-wrapper{
    display: grid;
  }
  .functions-row {
    align-items: center;      
    justify-content: center;  
    margin-left: 0px;
    margin-right: 0px;
    min-height: 0vh;
    gap: 0px;
}

.mob-background-color{
     background-color: #F8F8F8;
    padding-top: 20px;
    padding-bottom: 20px;
}
section.iot_sc, .res-publish{
    margin-top: 80px;
}
.car-wrapper{
    display: none;
}
.value-column{
    margin: 8px 0;
    gap: 14px;
}
   .compare-plans-container {
    width: 95%;
    margin: 20px auto;
  }

  .compare-title {
    font-size: 18px;
  }

  .compare-subtitle {
    font-size: 12px;
  }

    .contact-grid {
    display: grid;
    gap: 30px;
  }

  /* Reorder elements inside the grid */
  .contact-form {
    order: 1;
  }

  .locations {
    order: 2;
  }

  /* Optional: center align titles and text for better visual flow */
  .section-title,
  .section-subtitle-contact {
    text-align: center;
  }

  /* Make form and location cards take full width */
  .contact-form,
  .locations {
    width: 100%;
  }
    .explore-grid{
        display: grid;
    }


  .contact-form {
    order: 1;
  }

  .contact-grid > div:first-child {
    order: 2;
  }
  .section-title, .section-subtitle-contact{
    display: none;
  }

  .solar-card h2 {
    font-size: 1.6rem;
  }

  .solar-card {
    width: 130px;
    padding: 14px 16px;
  }

  .solar-desc {
    font-size: 0.95rem;
  }

  .latest-products-item{
    width: 100% !important;
  }

  .contact-explore .contact-explore-key .row .explore-key{
        width: 95% !important;
  }

  .home-product-card{
    gap:40px;
  }

    .m-l-r-8 {

        width: 93px;
    }

    /* SenzAgro Video  */
    .video_player {
        display: grid;
        justify-content: center;
        gap: 10px;
      }

      .video {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
      }

      .video iframe {
        width: 100%;
        height: 110%;
      }
      .webi-senz{
        background-image: url('/images/tecnical-blog/webinar-mob.webp');
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .wifi-img{
        width:300px;
        height:auto;
    }

    .img-real-time{
        margin-top: 0px;
    }

    .event-container {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        width: 100%;
        justify-items: center;
    }

    .event-box {
        width: 80%;
        display: flex;
        justify-content: center;
    }

    .japan-it-footer {
        height: 400px; /* Ensure the height remains 400px */
        padding: 15px; /* Adjust padding for mobile */
    }

    .content-wrapper {
        align-items: center; /* Center the content horizontally */
        justify-content: center;
        text-align: center;
    }

    .contact-info {
        display: flex;
        flex-direction: column; /* Stack contact items vertically on small screens */
        gap: 10px;
        align-items: center; /* Center align the contact items */
    }

    .img-medi{
        width:300px;
        height:auto;
        margin-left: 30px;
    }
    .img-banana, .img-sup-chain{
        width:300px;
        height:auto;
        margin-left: 0px;
    }

    .img-monitoring{
        width:200px;
        height:auto;
    }

    .mob-ai-bootcamp {
        display: flex;
        justify-content: center;
        margin: 0;
        list-style: none;
        text-align: center;
    }

    section.upcoming-data .container {
        display: grid;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .upcoming-line {
        display: none;
    }

    .event-content-intro p {
        margin-right:20px;
    }

    .coming-title p {
        display: inline-block;
        margin-right: 5px;
        font-size: 18px;
        font-weight: 700;
    }

  .polar-features-grid {
    grid-template-columns: 1fr; 
    gap: 12px;
    padding-top: 0 !important;
  }


    .upcoming-data::before,
    .upcoming-data::after {
        display: none;
    }

    .coming-pluse h5
    {
        margin-top: -20px;
    }

    .coming-title-upcoming{
        margin-left: 110px;
    }

    .text-color-head {
        text-align: center;
        margin-top: 10px;
    }

    .text-color-subhead {
        text-align: center;
        font-size: 1.2rem;
        margin-top: 5px;
    }

    .device-pulse-content {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
        width: 200px;
    }

    .device-pulse-ai-img {
        display: none;
    }

    .device-pulse-select-sec {
        padding: 10px;
    }

    .nav-bar-container{
        padding-top: 16px;
    }

    .nav-bar-container .logo{
        z-index: 1400;
    }

    header .home-title h1{
        margin-top: 100px;
    }

    /*Device pulse price plans*/
    .pricing-plans {
        grid-template-columns: 1fr;
      }

    header.header_smartcare .header-intro{
        margin-right: 26px !important;
    }

  .header_smartcare{
        height: 860px !important;
    }

    .algorithm-gif {
        width: 80%;
      }

      .pricing-plans{
        display: flex;
      }

      .pricing-plans {
        flex-direction: column;
        gap: 16px;
      }

      .smart-pirce-head{
        font-weight: 600 !important;
        font-size: 18px !important;
        color: #0D7791 !important;
    }
      /*Support Page*/
    .products-container {
        grid-template-columns: 1fr;
        gap: 1rem;
      }

      .product-icon {
        width: 60px;
        height: 60px;
      }

      .product-title {
        font-size: 12px;
      }

      .product-description {
        font-size: 8px;
      }

      .other{
        flex-direction: column;
      }

      .line-container {
        height: 50px !important;
      }

      .mob-milestone-container {
        height: 300vh !important;
        padding-top: 50px;
      }

      .card{
        margin-top: -40px;
      }


  .support-title h1{
    font-size: 16px !important;
  }

  .support-title p{
    font-size: 8px !important;
    padding: 2px 8px;
    margin-bottom: -8px !important;
  }

  .display-flex.header-sec {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    text-align: center;
}

.h1-wrapper {
    text-align: center;
}

.inovation-img {
    margin: 0 auto;
    max-width: 90%;
}

.header-intro {
    margin-top: 20px;
    text-align: center;
}

.consultation-card p{
    text-align: left;
}

header.header_ad{
    height: 850px;
}

section.client-names-edult-care .solutions-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}

section.pricing .get-started-btn{
    padding: 20px 100px;
}

.tech-pg-card-container{
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: -24px !important;
}

}

@media only screen and (max-width: 435px) {
.text-color-head {
    text-align: center;
    margin-top: 10px;
}

.text-color-subhead {
    text-align: center;
    font-size: 1.2rem;
    margin-top: 5px;
}

.device-pulse-content {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    width: auto;
}

.device-pulse-ai-img {
    display: none;
}

.device-pulse-select-sec {
    padding: 10px;
}

.nav-bar-container{
    padding-top: 16px;
}

.nav-bar-container .logo{
    z-index: 1400;
}

.our-platform-card {
    display: grid;
    align-items: center;
}
.our-platform-sec .container.row {
    display: flex;
    gap: 32px;
}
.our-platform-content{
    text-align: center;
}

.header .container img{
    margin-top: 200px;
}

/*Device pulse price plans*/
.pricing-plans {
    grid-template-columns: 1fr;
  }

  .doctor-widget-des {
    width: 100%;
    padding: 10px;
    flex-direction: column;
  }

  .doctor-widget-img {
    margin-bottom: 10px;
    text-align: center;
  }

  .doctor-widget-inro {
    text-align: center;
  }

  section.whysmart .doctor-widget {
      width: 350px;
    }

    section.latest-products .latest-products-grid {
        display: flex;
        flex-direction: column;
        gap: 20px;
      }

    .animate-left,
    .animate-right,
    .animate-right.delay-0,
    .animate-right.delay-1,
    .animate-right.delay-2 {
        animation: none !important;
        transform: none !important;
        transition: none !important;
        pointer-events: none !important;
    }

    section.latest-products .latest-products-description{
        width: 100%;
    }
  /*Support Page*/
  .products-container {
    grid-template-columns: 1fr;
    gap: 1rem;
    margin: 40px 24px !important;
  }

  .product-icon {
    width: 60px;
    height: 60px;
  }

  .product-title {
    font-size: 12px;
  }

  .product-description {
    font-size: 8px;
  }

  .other{
    flex-direction: column;
    margin: 24px !important;
  }

  .support-title h1{
    font-size: 16px;
  }

  .support-title p{
    font-size: 8px;
    padding: 2px 8px;
    margin-bottom: -8px;
  }

  .about-japan{
    margin-top: 420px;
  }

  .hero-senz-img-col {
    margin-left: 0;         /* Remove left margin for mobile view */
    margin-right: 0;        /* Optional: Remove right margin for mobile */
    display: flex;
    justify-content: center; /* Ensure the image is horizontally centered */
    align-items: center;     /* Ensure the image is vertically centered */
    width: 100%;             /* Ensure the container takes up full width */
}

.hero-senz-img {
    width: 100% !important;            /* Ensure the image takes up full width of its container */
    height: auto;           /* Maintain aspect ratio of the image */
    top: 0;                 /* Adjust the top positioning if needed */
}



}

@media only screen and (max-width: 375px) {
    .mobile-menu {
        max-height: 550px;
        overflow-y: auto;
        padding-right: 10px;
        scroll-behavior: smooth;
    }

    .mob-menu .dropdown-menu,
    .mob-menu .dropdown-sub-menu {
        max-height: none;
        overflow-y: visible;
    }

    /*Device pulse price plans*/
    .pricing-plans {
        grid-template-columns: 1fr;
      }

      /*Support Page*/
    .products-container {
        grid-template-columns: 1fr;
        gap: 1rem;
      }

      .product-icon {
        width: 60px;
        height: 60px;
      }

      .product-title {
        font-size: 12px;
      }

      .product-description {
        font-size: 8px;
      }

      .other{
        flex-direction: column;
      }

      .support-title h1{
        font-size: 16px !important;
      }

      .support-title p{
        font-size: 8px;
        padding: 2px 8px;
        margin-bottom: -8px;
      }

}

@media only screen and (max-width: 800px) {
    .our-platform-card {
        display: grid;
        align-items: center;
    }
    .our-platform-sec .container.row {
        display: flex;
        gap: 32px;
    }

    .our-platform-sec{
        margin-bottom: 0 !important;
    }
    .our-platform-content{
        text-align: center;
    }
    ul.mob-menu li.menu-item {
        background-color: #ffffff;
        box-shadow: 0 6px 12px rgb(0 0 0 / 8%);
        padding:2px 2px 8px 10px;
        margin-top: 8px;
        border-radius: 5px;
    }
    ul.mob-menu li.menu-item a {
        display: block;
        position: relative;
        text-decoration: none;
        font-size: 16px;
        font-weight: 600;
        line-height: 2.35;
        /* width: 100%; */
    }

    ul.mob-menu li.menu-item a ul{
        display: block;
        width: auto;
        list-style: none;
        border-radius: 5px;
        z-index: 99;
        padding-inline-start: 0px;
        background-color: #ffffff;
        cursor: auto;
    }

    .item-main {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-right: 10px;
        color: #42526E;
    }

    .sub-sec-color{
        color: #9f9f9f;
    }

    .device-pulse-button{
        width: 100%;
    }
    * {
        -webkit-tap-highlight-color: transparent;
    }
    .container {
        width: 95% !important;
    }
    .publish-shadow .container {
        width: 100% !important;
        display: flex;
        align-items: center;
    }
    .hero-senz{
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        height: 100vh;
    }

    .japan-it-hero-senz{
        height: 0vh !important;
    }

    .meditech-shadow,
    .finance-shadow,
    .tourism-shadow ,
    .hospitality-shadow,
    .sport-shadow {
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        height: 100vh;
    }
    .publish-shadow {
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        height: 60vh;
    }
    .fireside-shadow {
        /* background-image: url("/images/fireside/MedtechImageMobile.png"); */
        background-position: center center;
        background-repeat: no-repeat;
        /* height: 100vh; */
    }

    .invisible-button  {
        position: absolute;
        width: 40%;
        height: 10%;
        bottom: 20%;
        left: 6%;
        opacity: 0.5;
        border-radius: 10rem;
        /* background: #000; */
    }

    .hero-senz-img-col,
    .hero-senz-img-col-solution{
     width: 100%;
     display: flex;
    justify-content: center;

    }
    .heading-tag{
        display: flex;
        justify-content: center;
        margin-left: 5%;
        text-align: center;
    }

    .bg-blue-border{
    padding: 2px 8px 2px 8px !important;

    }


    .hero-senz-img{
        width: 40%;
        height: auto;
    }

    .meditech-image{
        width: 100%;
    }

   .hero-senz-content {
        width: 100%;
      }

        .hero-senz-row{
            display: flex;
            flex-wrap: wrap;
            flex-direction: column-reverse;


        }

     .hero-senz-content {

            text-align: center;
          }

          .it-container{
            flex-direction: column;
        }

     .hero-iotkit{
            background-image: url(/images/senmatica-v1/iot-lits/iotkit-hero-mob-modern.webp);

            background-position: top;
            background-repeat: no-repeat;
            height: 100vh;
            margin-top: 75px;
        }

    .hero-iotkit-content{
        padding-top: 350px;
        width: 100%;
        text-align: center;
    }

    .iotkit-hero-button{
        position: relative;
        width: 50%;
        height: 3em;
        left: 0;
        top: 0;
        margin-top: 0px;
        -webkit-align-self: center;
        align-self: center;
        margin-bottom: 50px;
    }

    .iotcore-banner-img{margin-left: 0px;}

    .card-box-1{
        width: 100%;
    }

    .card-box-2{
        width: 100%;
        padding-left: 0px;
            }

    .card-box{
        display: flex;
        flex-direction: column;
    }
    .magma-tagline {
            position: relative;
            width: 100%;
            height: auto;
            left: 0;
            top: 0;


          }

     .magma-herotag {
            position: relative;
            width: 100%;
            height: auto;
            left: 0;
            top: 0;
            margin-bottom: 20px;
          }

     .magma-hero-body {
            position: relative;
            width: 100%;
            height: auto;
            left: 0;
            top: 0;
            margin-bottom: 20px;
          }

    .magma-hero-button {
            position: relative;
            width:50%;
            height: 3em;
            left: 0;
            top: 0;
            margin-top: 0px;
            align-self: center;
            margin-bottom: 50px;
          }

    .medtech-hero-button,
    .finance-hero-button,
    .hospitality-hero-button {
        position: relative;
        width: 50%;
        height: 3em;
        left: 0;
        top: 0;
        margin-top: 0px;
        align-self: center;
        margin-bottom: 50px;
    }

    .publish-shadow .medtech-hero-button,
    .publish-hero-button {
        position: relative;
        width:100%;
        height: 3em;
        margin-top: 0px;
        align-self: center;
        margin-bottom: 50px;
    }
    .video-mob-height{
        margin-top: 300px !important;
    }
    .update-video-top-mobile{
        margin-top: 110px;
    }

    .magma-hero-img {
        flex-direction: column;
        width: 100%;
        height: auto;
      }

      .mag-iot-row {

        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .pub-care-row,
    .fireside-row{
        display: flex;
        flex-direction: column;
        align-items: center;
    }


    .mag-iot-column {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .Aicore-para{
        padding-top: 0px;
        text-align: center;
    }

    .mini-card-description {
        font-size: 12px;
        line-height: 1.5;
        margin-top: 0;
        padding-top: 16px;
        text-align: left;
      }
      .iotkit-background{
        width: fit-content;
      }

      .iotkit-mobile-img{
        display: flex;

      }

    .mini-card-blue-text{
        font-weight: 500 !important;
        font-size: 14px;
        text-align: left;
    }

        .mag-mincard {
        margin-top: 16px !important;
        margin-right: 8px;
        margin-left: 8px;
        width: 45%;
        height: auto;
        padding: 10px;
    }

    .blue-head-mobile{
        text-align: center;
    }

    .iotkitcore-mobile-img{
        display: flex;

    }

    .iotkit-banner-img{
        display: none;
    }

    .aicore-img{
        display: none;
    }

    .aicore-background{
        padding-bottom: 160px;
    }

    .aicore-mobile-img{
        display: flex;
        margin-top: -20px !important;
        width: 100%;
        padding-right: 15px;
        order: -1;
    }

    .mag-feature-cta{
        display: flex;
       justify-content: center;
    }
    .edition {
        margin-bottom: 20px;
        display: flex;
        justify-content: space-evenly;
    }

    .mob-flex-dir{
        flex-direction: row !important;
    }
.edition-row{

    display: flex;
    flex-direction: column;
    margin-top: -28px;
}

.edition-col {
    width: 100%;
}

.community-edition {

    font-size: 18px;
    font-weight: 600;
    color: #FFFFFF;
    margin-bottom: 0px;
    width: revert;
}

.open-source-a-iot-platform {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
}

.iotcore-banner-img{
display: none;
}

.polar-h2{
    text-align: center;
    width: 100%;
}

.polar-item-image{
   display: none;
}

.text-color-primary{
    text-align: center !important;
}

.edition-cta {
    background-color: #FFFFFF;
    border-radius: 16px;
    padding: 0px 16px 0px 20px;
    display: flex;
    align-items: center;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    width: max-content;
}

.feature-card{
flex-direction: column;
text-align: center;
Margin: 60px 0px;
padding-left: 50px;
padding-right: 50px;
width: 100%;

}


    .feature-card-right img{
        order: -1;
    }

.feature-card img{
Margin: 0px 0 0px 0;
width: 100%;
height: auto;
max-width: 1000px;
}

.edition-coming-soon {
    color: #004198;
    align-self: stretch;
    font-size: 14px;
    font-weight: 500;
}

.edition{
    margin-bottom: 20px;
}

.arrow-circle {
        width: 35px;
        height: 35px;
    }

.community{

    width: 116px;
}

.community-1{

    width: 116px;
}
    .oops{
        font: normal normal 800 44px/60px Poppins;;
    }
    .txt-404{
        padding: 16px;
    }
    .img-404{
        width: inherit;
    }
    .nav-book-demo-heading h1{
      font: normal normal bold 26px/40px Poppins !important;
    }
    .book-demo-factory{
        height: 330PX;
    }
    section.iot_sc .container .sc-list,
    .res-publish .container .sc-list,
    section.platform .container .sc-list,
    section.blog-post .container .sc-list {
        flex-direction: column;
    }
    .m-w-100{
        width: 100%;
    }
    .m-h-100{
        height: 100% !important;
    }
    .job-details-box{
     margin: 15px;
        padding: 50px 20px;
    }
    .col-lg{
        margin: 0;
    }
    .m-mt-4{
        margin-top: 1.5rem;
    }
    .m-mb-4{
        margin-bottom: 1.5rem;
    }
    header.career-header{
        margin-top: 75px;
        background-position: center;
    }

    .jobs-container{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }

    .job-card{
        width: 100%;
    }
    .col-lg-3{
        text-align: right;
        margin: 10px;
        margin-left: auto;
    }
    .upload-img{
        width: 35px;
    }

    .job-details{
        margin: 100px 0 0 0;
    }
    .job-card-heading h1{
        font: normal normal bold 24px/30px Poppins;
    }
    .job-title{
        line-height: 40px;
    }
    .job-para{
     line-height: 24px;
    }
    section.iot_sc .container .sc-list .story-item,
    .res-publish .container .sc-list .story-item,
    section.platform .container .sc-list .story-item,
    section.blog-post .container .sc-list .story-item {
        width: 95%;
        height: auto;
    }
    .iot-about .container .half {
        display: none;
    }

    .iot-about{
        padding-bottom: 40px;
    }

    .half{
        text-align: center;
    }

    .show-mobile{
        display: block;
    }

    .show-desktop{
        display: none;
    }

    .show-mobile-img{
        display: block !important;
    }

    .show-desktop-img{
        display: none !important;
    }
    section.about-magma .container .half {
        width: 100%;
    }
    section.faq .row {
        flex-direction: column;
    }
    section.faq .row .faq-item {
        width: 100%;
        padding: 0 15px;
    }

    .book-half02{
        width: 100%;
        text-align: center;
    }
    .book-half01{
        display: none;
    }
    section.case-study-content .row-content {
        flex-direction: column;
    }
    section.case-study-content .full-content h4{
        text-align: center;
    }
    section.case-study-content .full-content h5{
        text-align: center;
    }

    section.case-study-content .full-content p, section.case-study-content .full-content ol{
        margin: 10px auto;
        width: 90%;
    }
    .bit-rate{
        width: 100% !important;
        margin: 20px auto;
        display: flex;
    }
    .m-half{
        width: 100% !important;
    }
    section.case-study-content .row-content .half {
        width: 90%;
        margin: 0 auto;
    }
    section.case-study-content .row-content .half .high-light{
        display: none;
    }
    section.about-us-our-story p{
        width: 90%;
    }
    section.about-us-our-story .ceo .profile{
        margin: 10px;
    }
    header.iot-lab-header h1{
    margin-top: 0 !important;
    }
    section.case-study-header .container h3 {
        font-size: 24px;

    }
    section.case-study-header {
    height: auto;
    }
    section.case-study-content .row-content .half .high-light {
        margin-left: 0px;
    }
    section.iot_sc .container .sc-list,
    .res-publish {
        flex-direction: column;
    }
    section.iot_sc .container .sc-list .story-item,
    .res-publish .container .sc-list .story-item,
    section.platform .container .sc-list .story-item {
        width: 95% !important;
    }
    section.about-magma {
        padding-bottom: 0px;
        padding-top: 20px;
    }
    section.magma-industries .content .middle-row {
        display: none !important;
    }

       section.case-study-content .row-content .half h4{
        text-align: center;
    }
    section.why-magma .container .key-points {
        flex-direction: column;
        padding: 20px 5px;
    }
    section.magma-industries .content .row-line {
        height: auto !important;
        width: 100%;
    }
    section.magma-industries .content {
        flex-direction: column;

    }
    section.magma-industries {
        padding-bottom: 10px;
    }
    section.why-magma .container{
        width: 90%;
    }
    section.why-magma .container .fea-points {
        display: none;
    }
    .iot-about .container {
        flex-direction: column;
    }
    .iot-stories {
        padding-bottom: 0;
    }
    header.header-mos .container {
        align-items: center;
        margin-top: 50px;
    }
    .header-line {
        height: 40px;
    }
    header.dp-header {
        align-items: center;
        height: max-content;
    }
    header.dp-header .container {
        align-items: center;
        height: max-content;
    }
    header.dp-header .card-box-1 .half, header.dp-header .card-box-1 .half div {
        width: 100%;
        align-items: center !important;
        margin-top: 160px;
    }
    header.dp-header .video_player {
        margin-bottom: 0px;
        margin-top: 0px;
    }
    section.dp-functions {
        text-align: center;
        padding-top: 0px;
    }
    /* .functions-small-images{ display: none; } */
    .functions-big-image{
        width: 100%;
        height: auto;
        margin: 0 auto;
        display: block;
    }
    .content-col-custom {
    padding-left: 0px !important;
    }
    .functions-images {
    flex-direction: column;
    /* padding-right: 15px;
    margin-left: -18px;
    margin-bottom: 25px; */
    }
    .functions-small-images{
        display: flex;
        flex-direction: row !important;
    }
    .functions-small-images {
    width: 64%;
    margin-top: -15px;
    padding-left: 11px;
    }
    .home-whatwedo-header-pulse{
        align-items: center;
    }
    .justify-text-device-pulse-p{
        text-align: center;
    }
    .corefeatures-mobile-section{
        width: auto;
        margin: 0 3%;
    }
    .why-devicePulse-ai-mob{
        width: auto !important;
        padding-left: 0px;
    }
    .why-device-pulse-section{
        width: 100% !important;
        display: flex;
        flex-direction: column;
    }
    .why-device-puls-img {
    width: 280%;
    margin-left: auto;
    display: block !important;
    }
    .dp-mincard{
        margin: 0 12px;
    }
    .corefeatures-desktop-header {
    text-align: center;
    margin: 10px;
    margin-top: 60px;
    }
    .corefeatures-mobile-header{
        text-align: center;
        margin-top: 40px;
    }
    section.dp-core-features .header{
        text-align: center;
    }
    section.newsletter .textbox {
        margin-left: 0px;
    }
    section.client-feature .container .half {
        width: 100%;
    }
    section.client-feature .half .flag-list {
        width: 75%;
        flex-direction: column;
    }
    .iot-stack .container .stack-list {
        flex-direction: column;
    }
    .iot-stories .container .story-list {
        flex-direction: column;
    }
    .iot-stories .container .story-list {
        flex-direction: column;
    }
    .iot-stories .container .story-list .story-item {
        width: 90%;
    }
    section.mous-site {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    section.client-feature .container .counts {
        justify-content: center;
    }

    .iot-features .feature-list .row,
    .tech-features .feature-list .row{
        flex-direction: column;
    }
    .iot-features {
        padding-bottom: 0px;
    }

    section.faq .row {
        flex-direction: column;
    }
    section.faq .row .faq-item {
        width: 100%;
    }
    section.faq .row {
        width: 100%;
    }
    .mosurance-image {
        height: auto !important;
    }

    .frame{
        display: none !important;
    }
    .contact-box .container .contact-form-box .contact-form-img {
        display: none;
    }
    .contact-explore .contact-explore-key .row {
        flex-direction: column;
    }
    header.header-mos .container {
        align-items: center;
    }
    .corporate-address .address {
        flex-direction: column;
    }
    section.newsletter .container {
        flex-direction: column;
    }
    section.value-proposition .container{
        width: 90%;
        padding-bottom: 0px;
    }
    .mous-team {
    padding-bottom: 70px;
    }
    section.value-proposition .container .frame-min{
        width: 90%;
        margin: 0 auto;
        padding: 0px 12px;
    }
    .mous-team .container{
        padding-bottom: 0px;
    }

    section.value-proposition .container .frame-min img {
        display: none;
    }
    section.value-proposition .container .frame-min .content .row .row-item {
        width: 50%;
    }
    section.value-proposition .container .frame-min .content .row .row-item span {
        width: 40px !important;
        height: 40px !important;
    }
    section.value-insurance .container .item-list .item-row {
        width: 100% !important;
        flex-direction: column !important;
        justify-content: center;
    }
    section.value-insurance .container .item-list .item-row .item-card {
        flex-direction: column;
        justify-content: center;
        margin-bottom: 20px;
        width:100%;
    }
    section.value-insurance .container .item-list .item-row {
        margin-bottom: 0px;
        margin-top: 0px;
    }
    section.engagements-polar .container-column-left {
        width: 100% !important;
        flex-direction: column !important;
    }
    section.engagements-polar .container {
        flex-direction: column;
    }
    section.engagements-polar .container-column-right {
        flex-direction: column !important;
        margin-top: 12px;
    }
    section.engagements-polar .container-column-left .bottom{
        width: 80%;
        align-items: center;
        margin: 0 auto;
    }
    section.engagements-polar{
        padding-bottom: 50px;
    }
    section.newsletter{
        display: flex;
        /* justify-content: center; */
        border-radius: 10px;
    }
    .unsubscribe-form-container{
        padding: 30px 10px;
    }
    .unsubscribe-form-container .nav-book-demo{
        width: auto;
    }
    .unsubscribe-form-container .form-control{
        width: auto;
    }
    .unsubscribe-page .container .form-container{
        padding: 30px 10px;
    }
    .form-check-input-container{
        flex-direction: column;
    }
    .target-area {
        width: 100%;
        padding-left: 5px !important;
        padding-right: 5px !important;
        padding-bottom: 10px !important;
    }
    section.values .title h1 span {
        display: none;
    }
    section.values .title h1{
        margin-bottom: 20px;
    }
    .deeply{
        margin-bottom: 20px;
    }
    section.values .title p, section.platform .title p{
        margin-bottom: 10px;
    }
    section.functions_sa .rows .image-col {
        width: 100%;
    }
    section.roi-banner .roi-box {
        width: 100%;
    }
    section.roi-banner .roi-box .icon {
        height: 324px;
    }
    .target-area .target-box .target-item img {
        width: 70px !important;
        margin-bottom: 10px !important;
    }
    .line-remover{
        display: none !important;
    }
    section.value-proposition .container .frame .content .row .row-item span{
        display: none;
    }
    .points-bullet{
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 1px solid #DC4E0D;
        background-color: #ffffff;
        color: #DC4E0D;
        font-size: 14px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 12px 10px 0px;
    }
    .flex-end , .flex-start{
        display: flex;
        align-items: center;
        justify-content: left;
    }
    section.about-magma .container {
        flex-direction: column;
    }
    section.newsletter .container {
        flex-direction: column;
    }
    section.newsletter .textbox {
        margin-left: 0px;
    }
    section.values .content .VerticalLine, section.platform .content .VerticalLine, .dp-function .VerticalLine{
        transform: rotate(90deg);
        height: 50px;
        margin-left: 135px;

    }
    .view-more-btn{
        color: blue;
        justify-content: flex-end;
        margin: 30px;

    }

    section.mos-testimonials .container{
        width: 100% !important;
    }
    .story-expander{
        display: none;
    }
    .target-area .target-box .target-item label{
        text-align: center;
    }
    section.cta .content{
        width: 80%;

    }

    section.values .content .value-content,
    .dp-function .value-content{
        box-shadow: 0px 0px 10px #e7e7e7;
        width: 90%;
        padding: 20px 10px;
        border-radius: 10px;
        margin-bottom: 35px;
    }

    section.platform .content .value-content {
        padding-right: 0px !important;
        padding-left: 10px !important;
        box-shadow: 0px 0px 10px #e7e7e7;
        width: 90%;
        padding: 20px 0 10px;
        border-radius: 10px;
        margin-bottom: 35px;
        display: flex;
        flex-direction: row;
    }
    .farm-type-form .type-list .type-item{
        margin: 20px auto;
    }
    .line-hide{
        display: block;
    }
    section.values .content, section.platform .content{
        padding-top: 16px !important;
        padding-bottom: 0px !important;
    }
    section.sa_brochure .container {
        flex-direction: column;
    }
    section.brand-names-polar .container p hr{
        display: none;
    }
    section.sa_brochure .textbox {
        margin-left: 0px;
    }
    .target-area .target-box {
        padding: 10px;
    }
    section.key-benefits .container .key-list .key-list-row {
        flex-direction: column;
    }
    section.key-benefits .container .key-list .key-list-row .key-item {
        width: 90% !important;
        text-align: center;
        flex-direction: column;
        align-items: center;
    }
    section.key-benefits .container .key-list .key-list-row .key-item img{
        margin: 10px;
    }
    section.key-benefits .container .key-list .key-list-row .key-item h4{
        margin-bottom: 10px;
    }
    section.engagements .container-column-left .bottom{
        width: 100%;
    }
    section.engagements .container-column-right .rate-item{
        box-shadow: 0px 0px 10px #e7e7e7;
        width: 80%;
        margin-bottom: 25px;
        border-radius: 10px;
        padding-bottom: 15px;

    }
    .nav-book-demo{
        text-align: center;
        margin-top: 18px;
        width: 100%;
    }
    .sa-engagements{
        padding-bottom: 20px !important;
    }
    section.mos-testimonials .container .mos-testi-slides{
        height: 390px;
    }

    section.mos-testimonials .container .testi-card {
        max-width: 100%;
    }
    .hr{
        display: none;
    }
    .target-box{
        width: 100% !important;
    }

    section.engagements-polar .container-column-right {
        flex-direction: column;
        width: 100%;
    }
    section.brand-names-polar .container p {
        text-align: center;
    }
    section.engagements-polar .container-column-right {
        flex-direction: row;
    }
    section.brand-names .client-logo{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        flex-flow: row-reverse wrap;
    }
    section.brand-names .client-logo img{
        width:100px;
        margin: 10px;
    }
    section.brand-names .container{
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    section.engagements .container{
        flex-direction: column;
    }

    .contact-explore .contact-explore-key .row {
        flex-direction: column;
    }
    .contact-explore h2 {
        text-align: center;
    }
    section.about-magma .container .half img {
        flex-direction: column;
        margin-top: 65px;
    }
    section.about-magma .title-box .bg-round
    {
        display: none;
    }
    section.about-magma .title-box{
        height: 220px;
    }
    section.architechture-magma .container .half {
        width: 100% !important;
        color: #000000;
    }
    section.architechture-magma .container .half{
        flex-direction: column;
        width: 100% !important;
    }
    section.about-magma .title-box .title h3 {
        font-size: 14px;
    }
    .head-title .container h1 {
        font-size: 25px;
    }
    section.architechture-magma .container .half {
        width: 100% !important;
    }
    section.engagements .container-column-left{
        width: 90%;
        margin-bottom: 40px;
    }
    section.what-we-do-home .container .content .info-box {
        width: 100%;
        flex-direction: column;
        box-shadow: none;
    }
    .iot-stories .container .story-list {
        flex-direction: column;
    }
    section.client-feature .half .flag-list {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        flex-flow: wrap;
        width: 100%;
    }
    section.client-feature .half .flag-list .flag-item{
        width: 45%;
    }

    .iot-stories .container .story-list .story-item {
        width: 95%;
    }
    .iot-about .container .content {
        width: 100%;
    }
    .iot-stack .container .stack-list .half img{
        display: none;
    }
    section.engagements .container-column-right{
        display: flex;
        flex-direction: column;
        width: 90%;
        justify-content: left;
        align-items: flex-start;
    }
    section.what-we-do-home .container .content {
        flex-direction: column;
    }
    section.client-feature .container .counts{
        width: 100%;
    }
    section.client-feature .container .counts .count-box .count-sec{
        text-align: center;
        box-shadow: 0 6px 12px rgb(239 239 239);
        border-radius: 5px ;
        margin: 22px 0;
        width: 100%;
    }

    section.client-feature .container {
        flex-direction: column;
    }
    section.client-feature .container .counts .count-box{
        box-shadow: none !important;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: 0px;
        margin:0;
        flex-flow:  wrap;
        gap: 0 22px;
    }
    section.client-feature .container .counts {
        justify-content: center;
    }
    section.client-feature {
        padding-bottom: 40px;
    }
    section.collaborators .container hr{
        margin: 0 auto;

    }
    section.senzmate-customers .container .award-logo, section.collaborators .container .flag-list {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        flex-flow: wrap;
        margin-left: 25px;
    }
    section.awards .container .award-list .award-row .award-item{
        padding: 20px;
        margin: 10px auto;
        width: 45%;
}
    section.awards .container h2{
        text-align: center;
    }
    section.awards .container hr{
        margin: 0 auto;
    }
    section.awards .container .award-list .award-row{
        flex-direction: row;
        flex-flow: wrap;
        gap: 20px;
    }
section.fm-idea .container .icon-list{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}
.arrow-up{
    margin: 30px 5px 21px 0;
    transform: rotate(90deg);

}

.t-align{
    text-align: center;
}
    header.header-mos .container h1{
        margin: 25px auto 0;
        padding-bottom: 20px;

    }
    .adder{
        display: flex !important;
    }
.Roar{
    display: flex;
    justify-content: flex-end;
}
.story-expand{
    display: none !important;
}
header.header-mag{
    height: 620px;
    background-size: 125%;
    background-position: -94px 80px
}
    header.header-mag h1{
        text-align: center !important;
    }
    header.header-mag .container a{
        margin: 0 auto;
    }
header.header-mag .container{
    margin-top: 330px;
}
    section.magma-architecture .container h2, section.magma-architecture .container hr{
        margin: 0 auto;
    }

section.magma-industries .content .row-line .products{
    box-shadow: 0 6px 12px rgba(0,0,0,0.1);
    width: 75%;
    height: 100px;
    margin: 0px auto 25px auto;
    padding-top: 10px;


}
.Component-root-3{
    margin-right: 0 !important;
}
.MuiTab-root{
    padding: 0 !important;
}

.tab-view-m-l-0 {
    margin-left: 0px !important;
}
.tab-view-m-r-0 {
    margin-right: 0px !important;
}
section.magma-architecture .container h2 {
    margin: 0px !important;
}
.comparison-matrix-data {
    width: 325px;
    text-align: left;
}
.check-card{
    width: 200px;
}
.tab-view-m-l-r-8 {
    margin-left: 8px;
    margin-right: 8px;
}
.MuiTab-textColorInherit{
    margin: 0px 10px 0px 10px !important;
}

.matric-container {
    overflow-x: scroll;
    width: 100%;
}

.m-flex-direction-column-reverse{
    flex-direction: column-reverse;
}

.m-flex-direction-column{
    flex-direction: column;
}

.m-w-100{
    width: 100% !important;
}

.m-h-auto{
    height: auto !important;
}

.display-flex-wrap {
    align-items: center;
    text-align: center;
    display: flex;
    flex-direction: column;
}
.tab-view-m-l-0 {
    margin-left: 0px !important;
}
.tab-view-m-r-0 {
    margin-right: 0px !important;
}

.mini-card-container{
    display: flex;
    justify-content: center;
    padding-right: 0px;
}

.card-container{
    flex-direction: column;
}

.stack-card{
    width: 100%;
}

.aicore-img{
    margin-left: 0px;
}
.edition-box{
    width: 100%;
}

.justify-text-tab{
    text-align: left;
}

.p-26-in-tab{
    padding: 26px;
}

    .iot-stack .container .stack-list .half .rc{
        box-shadow: 0 6px 12px rgba(0,0,0,0.1);
        border-radius: 10px;
        margin-right: 14px;
        margin-bottom: 25px;
    }
    .iot-stack .container .stack-list .half .rc h4{
        text-align: center;
        margin: 10px 0 15px;
        padding-top: 10px;
    }
    section.engagements-polar .container-column-right .rate-item h1{
        font-size: 60px;
    }
    .mt-0{
        margin-top: 0px !important;
    }
    .roi-width{
        width: 165px !important;
    }
    header.header_polar{
        background-size: 96%;
        background-position: 10px 8px;
    }
    .polar-heading, header.header_polar .container h4, header.header_polar .container a{
        margin: 0 auto;
        text-align: center;
    }

    section.engagements-polar .container-column-right .rate-item{
        align-items: center !important;
        margin-right: 0px !important;
        box-shadow: 0px 0px 10px #e7e7e7;
        margin-bottom: 25px;
        width: 73%;
        padding-bottom: 20px;
        border-radius: 10px;
    }

    .card-para{
        padding-bottom: 20px;
    }
    .card-points{
        padding-left: 17px;
        list-style:none;
        display: list-item;

    }
.rotate-img{
    transform: rotate(-90deg);
    margin: 415px 0 330px !important;
    width: 300% !important;
}
    .farm-type-form .type-list{
        flex-direction: column !important;
    }

    .work-type .type-list,
    .sector-type .type-list {
        width: 100%;
        display: grid;
        flex-direction: row;
        margin-top: 20px;
        align-items: center;
        justify-content: center;
    }

    .plant-details .half{
        width: 100%;
    }
    .plant-details .irrgation{
        flex-direction: column;
    }
    .right-line{
        border: none;
    }
    .about-page section.content p{
        width: 90% !important;
    }

section.senzmate-customers .container .award-logo img {
    padding-bottom: 10px;
    width:80px;
    margin: 10px;
}
.line-remover {
    display:none !important;
}

.mos-img{
    display: block;
    margin: 0 auto;
}
    .ceo{
        flex-direction: column;
        flex-flow: wrap;
        margin-top: 50px;
    }
    section.milestone .container .stone-list .stone-row .stone-item{
        margin: 0;
    }
.remover{
    display: flex;
    margin-top: 50px;
    transform: rotate(90deg);
    width: 15%;
}
    .value-card{
        height: 665px !important;
    }
    .about-page .core-com .container .content .img-row{
        flex-direction: column;
    }

    section.about-us-our-story{
        height: auto !important;
    }
.about-page{
    margin-top: 100px;
}
.system-list{
    flex-direction: column;
}
section.milestone .container .stone-list .stone-row{
    flex-direction: column;
    }
    .MuiFormLabel-root{
        width: 132%;
    }
    .text-center{
        text-align: center !important;
    }

    section.functions_sa .rows {
        flex-direction: column;
    }
    section.what-we-do-home .container .content {
        flex-direction: column;
    }
    section.functions_sa .rows .content-col {
        width: 90% !important;
        margin: auto;
    }


    .roi-data .roi-data-row-big h2{
        font-size: 15px;
    }
    .roi-data{
        padding: 0;
    }
    .roi-cal{
        padding: 0px;
    }
    section.what-we-do-home .container .content .info-box {
        width: 90%;
    }
    .mosurance-image {
        width: 100% !important;
    }
    section.experience .container .content {
        flex-direction: column;
    }
    section.client-feature .container .content {
        width: 100% !important;
    }
    section.experience .container .content .info-box {
        width: 90%;
        margin: 0 auto 35px;
    }
    .next-line {
        display: inline;
    }
    .plant-details{
        flex-direction: column;
    }
    /*.MuiFormControl-root{*/
    /*    width: 100% !important;*/
    /*}*/

    .MuiStepper-horizontal{
        flex-direction: column !important;
    }
    .align-left{
        margin: 5px auto 0 0 !important;
    }
    .MuiStepper-root{
        padding: 24px 0 !important;
    }
    .Mui-disabled{
        display: none !important;
    }
    .contact-send .Mui-disabled{
        display: block !important;
    }
    .Finish-btn{
        display: flex;
    }
    .MuiButton-disableElevation{
        display: flex !important;
    }
    section.experience .container img{
        margin: 10px auto;
        display: flex;
    }

    .full-size{
        width: 100% !important;
    }

    .image-col{
        display: none;
    }
    section.functions_sa .image-col.image-slider {
        display: block !important;
        width: 100% !important;
        margin: 16px auto 0;
    }
    section.roi-banner .roi-box {
        width: 100% !important;
    }
    section.roi-banner .roi-box .icon {
        height: auto !important;
    }
    section.brand-names-polar{
        padding-bottom: 50px;
    }
    section.brand-names-polar .client-logo {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        flex-flow: row-reverse wrap;
    }
    section.milestone .container .stone-list .stone-row .stone-item .body{
        margin-left: 0px;
    }
    .senz-family{
        font-size: 2rem;
    }
    section.family .container{
        height: 162px;
        background-size: 105%;
        text-align: center
    }
    section.brand-names-polar .client-logo img {
        width: 100px;
        margin: 10px;
    }
    section.sa_brochure .container {
        flex-direction: column;
    }
    section.sa_brochure .textbox {
        margin-left: 0px;
    }
    .mous-team .container {
        flex-direction: column;
    }
    .m-m-0{
        margin: 0 !important;
    }
    .m-h-auto{
        height: auto;
    }
    .mous-team .container .content {
        width: 100%;
    }
    .mous-team .container .feature-img {
        width: 100%;
    }

    section.what-we-do .content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        flex-flow: column-reverse unset;

    }
    section.product-lines .content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 50px;
        padding-top: 50px;
    }
    section.product-lines .content .row-line img{
        width: 200px;
    }
    section.what-we-do .content p{
        width: 90%;
    }
    section.values .content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 50px;
        padding-top: 50px;
        margin: 25px 0;
    }

    section.platform .content{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 50px;
        padding-top: 50px;
    }

    section.platform .content p {
        text-align: left;
        margin-left: 20px;
    }

    .dp-function {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .dp-mincard {
        width: 100%;
    }

    .middle-row {
        display: none !important;
    }
    section.data .container{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }
    section.data .title{
        width: 100%;
        text-align: center;
        margin-bottom: 50px;
    }
    section.blogs .list .blog-item{
        width: 100%;
        overflow:hidden;
        border-radius: 5px;
        height: auto;
        -moz-box-shadow: 0 6px 12px rgba(0,0,0,0.1);
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.1);
        box-shadow: 0 6px 12px rgba(0,0,0,0.1);
        display: flex;
        margin: 10px;
        flex-direction: column;
        text-align: left !important;

    }

    section.blogs .list .blog-item img{
        width: 100%;
        height: 200px;

    }
    section.blogs .list .blog-item .blog-item-content{
        width: 100%;
        padding: 20px;
    }
    section.blogs .list .blog-item .blog-item-content p{
        font-size: 14px;
        color: #646464;
        text-align: left;
    }

    section.cta .container img{

        object-position: left;
        filter: blur(4px);

    }
    .m-hide{
        display: none !important;
    }
    .f-black{
        color: rgb(255, 255, 255) !important;
    }
    .down-icon{
        display: contents;
    }

    footer .container{
        display: flex 1;   /*Updated "flex" in to "flex 1" for devided footer into 2 colum */
        justify-content: space-between;
        border-top: 1px solid #e7e7e7;
        padding-top: 20px;
        padding-bottom: 20px;
        flex-direction: column;
        width: 90%;
        text-align: center;
        margin-top: 100px;
    }
    .wrap-text{
        display: inline;
    }
    section.product-lines .content .row-line{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: auto;
    }
    section.product-lines .content .row-line .products{
        align-items: center;
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    section.product-lines .content .row-line .products p{
        text-align: center !important;
    }
    section.product-lines .content .middle-row img{

        padding: 40px;
    }
    section.testimonials .list{
        display: -webkit-box;
        flex-direction: column;
        margin-top: 40px;
        flex-flow: row;
        overflow-x: auto;
        overflow-y: auto;
    }
    nav .primary-menu{
        display: none;
    }
    .iframe-agro{
        width:100%  ;
        height:315px;
    }
    header.header-mos{
        height: 650px;
        background-image: none;
        background-size: 115vw;
        background-position: center bottom;
    }
    section.magma-industries .title img{
        width: 50%;
    }

    .event-webinar, .event-bootcamp{
        margin-left: 0px !important;
    }

    .event-filters{
        display: none;
    }
    .line-adjust{
        display: contents;
    }
    section.iot_sc .container .sc-row-list .story-item img{
        width: 95%;
        margin: 20px auto;
    }
    section.iot_sc .container .sc-row-list .story-item{
        flex-direction: column;
    }

    .product-factoryspy{
        position: static;
    }
    .row-line-product{
        height: auto !important;
        width: 100%;
        gap: 0;
    }

    .product-home{
        gap: 0px;
        position: relative;
        padding-bottom: 0px !important;
    }

    .nav-bar-container{
        margin-left: 20px;
        margin-right: 10px;
    }

    .burger-container {
        position: relative;
        display: inline-block;
        height: 50px;
        width: 50px;
        cursor: pointer;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: all 0.1s cubic-bezier(0.4, 0.01, 0.165, 0.99);
        transition: all 0.1s cubic-bezier(0.4, 0.01, 0.165, 0.99);
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: transparent;
    }
    .burger-container #burger {
        width: 18px;
        height: 8px;
        position: relative;
        display: block;
        margin: -4px auto 0;
        top: 45%;
    }
    .about-ceo {
        display: grid;
        gap: 100px;
    }
    header.iot-lab-header .container{
        margin-top: 330px;
    }
    .mb-0{
        margin-bottom: 0px !important;
    }
    .mb-5{
        margin-bottom: 50px !important;
    }
    .mt-5{
        margin-top: 50px !important;
    }

    .m-top-5{
        margin-top: 5px !important;
    }

    .m-mt-70{
        margin-top: 70px !important;
    }

    header.iot-lab-header{
        height: 620px ;
        background-size: 100%;
        background-position: 0 110px;
    }
    .biotherm-img{
        width: 100%;
        padding: 20px;
    }
    .biotherm-imgs{
        width: 100%;
    }

    .d-flex-line{
        display: block !important;
    }
    section.values-factory .content p{
        padding: 10px;
    }
    .join-us-card{
        background-position: -47px;
    }
    header.factory-header{
        background-size: 384% ;
    }
    section.iot-sc-content .row-content{
        flex-direction: column;
        padding: 0 20px;
    }
    .system-list .sys-item{
        margin: 10px auto;
    }
    section.iot-sc-content .row-content .half{
        width: 90%;
        margin: 0 auto;
        padding: 0;
    }
    section.iot-sc-content .img img{
        width: 100%;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    section.social-media-icons .container .sm-content img{
        width: 22%;
        padding: 5px;
    }

    section.iot-sc-content .img-medium{
        padding: 0 !important;
    }
    .iot-features label{
        display: flex;
        justify-content: center;
    }
    .MuiStep-completed {
        display: none !important;
    }
    .radiometrix{
        width: 40% !important;
    }

    .jobs-container {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .job-card {
    padding: 18px;
  }

  .job-footer {
    gap: 12px;
    flex-wrap: wrap;
  }

  .solar-container {
    flex-direction: column;
    text-align: center;
    padding: 0 20px;
  }

  .solar-left,
  .solar-right {
    flex: 1 1 100%;
    max-width: 100%;
    justify-content: center;
  }

  .solar-image-wrapper {
    max-width: 450px;
  }

  .solar-stats {
    position: relative;
    right: 0;
    bottom: 0;
    justify-content: center;
    margin-top: 20px;
  }

  .solar-card {
    width: 150px;
    padding: 15px 18px;
  }

    .burger-container #burger .bar {
        width: 100%;
        height: 1px;
        display: block;
        position: relative;
        background: #000000;
        -webkit-transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
        transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }
    .m-t-12{
        margin-top: 12px !important;
    }
    .burger-container #burger .bar.topBar {
        -webkit-transform: translateY(0px) rotate(0deg);
        transform: translateY(0px) rotate(0deg);
    }
    .burger-container #burger .bar.btmBar {
        -webkit-transform: translateY(6px) rotate(0deg);
        transform: translateY(6px) rotate(0deg);
    }
    .hide-nav-book-demo {
        display: none !important;
    }

    ul.mob-menu {
        position: relative;
        display: none;
        padding-left: 10px;
        padding-right: 10px;
        list-style: none;
    }
    ul.mob-menu li.menu-item {
        border-bottom: 1px solid #e2e2e2;
        margin-top: 5px;
    }
    ul.mob-menu li.menu-item a {
        display: block;
        position: relative;
        text-decoration: none;
        font-size: 16px;
        line-height: 2.35;
        /* width: 100%; */
    }

    ul.mob-menu li.menu-item a ul{
        display: block;
        width: auto;
        list-style: none;
        border-radius: 5px;
        z-index: 99;
        padding-inline-start: 0px;
        background-color: #ffffff;
        cursor: auto;

    }

    ul.mob-menu li.menu-item a ul li{
        padding: 10px;
        color: #9f9f9f;
        font-weight: 400;
    }
    ul.mob-menu li.menu-item a ul li a{
        margin-left: 0px;
    }

    ul.mob-menu li.menu-item a .dropdown-sub-menu li a{
        margin-left: 0px;
        font-size: 20px;
        line-height: 1.5;
        color:	#C0C0C0;
    }

    .menu-opened {
        height: 100%;
        background-color: #ffffff;


    }
    .menu-opened ul.mob-menu{
        display: block;
    }
    .menu-opened .burger-container {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .menu-opened .burger-container #burger .bar {
        -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
        transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;
    }
    .menu-opened .burger-container #burger .bar.topBar {
        -webkit-transform: translateY(4px) rotate(45deg);
        transform: translateY(4px) rotate(45deg);
    }
    .menu-opened .burger-container #burger .bar.btmBar {
        -webkit-transform: translateY(3px) rotate(-45deg);
        transform: translateY(3px) rotate(-45deg);
    }
    .menu-opened .burger-container #burger .bar.middleBar{
        display: none;
    }

    .menu-opened .icon.icon-bag {
        -webkit-transform: translateX(75px);
        transform: translateX(75px);
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s;
    }
    section.brand-names .container hr{
        display: none;
    }
    section.mos-testimonials .container .testi-card{
        height: 355px;
        max-width: 405px;
        margin: 0px;
    }
    section.mos-testimonials .container .mos-testi-slides .blur{
        display: none;
        opacity: 0;

    }
    .download-page-grid{
      flex-direction: column;
    }
    .download-page-grid .w-50 {
        width: 100%;
    }
    .half-right-mob {
        display: flex;
    }
    section.client-feature .container .counts .count-box .line{
        display: none;
    }

    .d-flex{
        display: contents !important;
    }

    .box-product-box{
    margin-bottom: 40px;
    width: 296px;

    }
    .key-features-solar{
        justify-content: center;
    }
    .key-features-solar-box{
        width: 90%;
        gap: 32px;
        height: auto;
    }
    .key-features-solar .h-636{
        height: auto;
    }


    .crop-contain{
    margin: 0 auto;
    /* width: 90%; */
    justify-content: center;
}
.coming-soon-col-tab {
    flex-direction: column;
}

.min-font-size-14{
    font-size: 14px;
}

.min-font-size-16{
    font-size: 16px;
}
.min-font-size-18{
    font-size: 18px;
}


.medfeature-item{
    width: 100%;
    margin-bottom: 10px;
}

.medtechbenefit-iot-column{
    width: 100%;
}
.medtechbenefit-1-iot-column{
    width: 100%;
    padding-left: 0;
}
.medtech-iot-column{
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center
}

.iotkitcore-mobile-img{
    width: 80%;
}

.med-slider img{
    width: 100px;
}
.variable-width{
    width: 90%;
}

.medtech-carousel{
    height: 200px !important;
}

.medtech-form{
    width: 100%;
}

.calendar-container .date-time {
    display: flex;
    font-size: 11px;
  }
.profile-modal{
    overflow-y: scroll;
}

.title-big{
    font-size: 24px;
}

.tech-features .feature-list .row .feature-item {
    width: 100%;
    margin: 0 auto;
}

.medtechnology .row {
    display: flex;
    justify-content: space-between;
}

.medtechnology .client-logo img{
    width:auto;
    margin: 10px;
}

section.client-feature .container .counts .count-box .count-sec .count-sec-count {
    width: 100%;
}

/* SenzAgro Video */
.video {
    margin-bottom: 50px;
  }

  .video_player {
    margin-bottom: 100px;
  }

  /* Footer - AIoT Buttons */
  .sub-aiot {
    flex-direction: column;
    align-items: center;
    }

    .sub-aiot a {
        margin: 5px 0;
    }

    .horizontal-line{
        width: 50%;
        margin: 0 auto;
    }

    .social-image-grid{
        margin: 0 auto;
      }

    .webi-senz{
        background-image: url('/images/tecnical-blog/webinar-mob.webp');
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        height: 93vw;
    }

    .webi-bann{
        background-image: url('/images/tecnical-blog/webinar-mob.webp');
        background-size: 70% 70%;
        background-position: center center;
        background-repeat: no-repeat;
        height: 93vw;
    }

    .add-margin{
        margin-bottom: 100px;
    }

    .event-card-row {
        display: grid;
        flex-direction: row;
        gap: 16px;
        justify-content: center;
        width: 100%;
      }

      .breadcrumb{
        margin-left: 5px;
      }

    /* .client-logo {
        padding-left: 85px;
    } */
    .fact-client-logo{
        margin-left: 100px;
    }

    .wifi-img{
        margin-top: 20px;
        margin-left: 0px;
    }

    .img-banana,.img-trace {
        margin-left: 0px;
    }

    .img-monitoring,.img-drug, .img-cold{
        margin-left: 0px;
        width:300px;
        height:auto;
    }

    .usd-price{
        margin-left: 350px;
    }

    .plant-details .irrgation {
        margin-top: -10px;
        display: flex;
    }

    section.engagements .container-column-left .bottom {
        justify-content: space-between;
    }

    .dp-header iframe {
        margin-top: 0px;
    }
    .dp-header .video {
        margin-bottom: 30px;
    }

    .webinar4-web-banner {
        display: none;
      }
      .webinar4-mob-banner {
        display: block;
        border-radius: 10px;
      }

      .medtechnology .client-logo {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding-left: 75px;
        padding-right: 75px;
    }

    .section.iot_sc .container .sc-list .blog-story{
        height: 880px !important;
    }
    .varna-logo-md{
        margin-left: auto;
    }
    footer .container {
    border-top: none;
}

    header.header_smartcare .header-sec{
        display: grid !important;
        margin-right: 480px !important;
    }

    header.header_smartcare .header-intro{
        text-align: center !important;
    }

    section.whysmart .doctor-img{
        display: none;
    }

   section.whysmart .doctor-widget {
    margin-left: 22px !important;
   }

   section.smartcare-module .ai-module .ai-modules-sec .module-des{
    height: auto !important;
    padding-bottom: 10px !important;
   }

   .hide-mobile-view{
    display: none;
   }

   .smartcare-heading{
       padding-top: 60px;

   }
   .form-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .form-row:first-child .form-group,
  .form-row:nth-child(2) .form-group,
  .form-row:nth-child(3) .form-group {
    grid-column: 1;
  }

  .form-button {
    width: 100%;
  }

  .worldMap{
    width: 100%;
    max-width: 800px;
    align-self:center;
}
.mile-container{
    display: none;
}

section.milestone .container h1{
    padding-top: 30px;
}

.mob-milestone-container {
    background-repeat: no-repeat;
    background-position: center;
    height: 320vh;
    display: grid;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    max-width: 1200px;
    margin-bottom: 120px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .card {
    background: #ffffff;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: transform 0.3s ease;
  }

  .card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  }

  .year {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin-bottom: 15px;
  }

  .logoContainer {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
  }

  .logo {
    width: auto;
    /* height: 24px; */
    object-fit: contain;
  }

  .japan-hero-button {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

  .description {
    text-align: center;
    color: #666;
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
  }

  .web-milestone{
    display: none;
  }

  .line-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    height: 60px;
  }

  .blue-dot {
    width: 10px;
    height: 10px;
    background-color: #2A7CEC;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
  }

  .dashed-line {
    width: 2.2px;
    height: 100%;
    background: repeating-linear-gradient(
      to bottom,
      transparent 0px,
      transparent 5px,
      #2A7CEC 5px,
      #2A7CEC 10px
    );
    position: absolute;
  }

  .aiot-card {
    display: grid;
    grid-template-columns: 1fr;
    background-color: #ffffff;
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    overflow: hidden;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    width: 100%;
    margin-top: 5px;
  }

  /* .aiot-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15);
  } */

  .aiot-image {
    width: 100%;
    height: 100px;
  }

  .aiot-img {
    width: 100%;
    height: 80%;
    object-fit: cover;
  }

  .aiot-content {
    padding: 10px;
  }

  .aiot-title {
    font-size: 16px;
    margin: 0 0 8px;
    color: #42526e;
    font-weight: 600;
  }

  .aiot-intro {
    font-size: 14px;
    margin: 0;
    color: #666666;
  }

  .elderscare .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 30vh;
}

.elderscare h1,
.elderscare h4,
.elderscare .book-demo-elder {
    text-align: center !important;
}

section.client-names-edult-care .solutions-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}

.care-plan-container {
    display: grid;
    align-items: center;
    justify-content: center;
    padding-left: 50px;
    padding-right: 50px;
    gap: 30px;
}

  header.elderscare .container h4{
    text-align: center;
    color: #DCDCDC;
  }

.care-plan-image {
    /* order: -1;  */
    max-width: 100%;
    text-align: center;
}

.care-plan-content {
    max-width: 100%;
    order: -1;
    padding-left: 10px;
    padding-right: 10px;
}

.elderscare::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Transparent black */
    z-index: -1;
}

.bookdemo-pg-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    width: 200px;
}
.fireside-profile {
    width: 97% !important;
}

}

.desk-view{
  display: none;
}

.mob-view{
    height: 286px;
    width: 286px;
}

.factoryspylabel{
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.middle-line{
    width: 75%;
    margin: -50px auto 25px auto;
    height: 100px;

}

.box{
    box-shadow: 0 6px 12px rgb(0 0 0 / 10%);
}

.comparison-p{
    padding-left: 10px;
}

.fireside-form{
    width: 100%;
}

section.brand-names .client-logo img {
    width: 100px;
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}




@media only screen and (max-width: 1100px) {
    .service-image{
        width: 280px;
        height: auto;
    }

    /*Support Page*/
    .products-container{
        margin: 40px 24px;
    }

    .product-icon {
        width: 120px;
        height: 80px;
        padding: 16px;
    }

    .support-title h1{
        font-size: 40px;
      }

      .support-title p{
        font-size: 16px;
        padding: 2px 8px;
        margin-bottom: -16px;
      }

    /*Submit Form*/
    .submit-form{
        padding: 20px 40px 40px 40px;
        border: 2px solid #EEF1F7;
        border-radius: 16px;

      }

      .support-form-container {
        display: flex;
        flex-direction:column;
        margin: 60px 20px;
        padding: 20px 10px;
      }

}


@media only screen and (max-width: 768px){
    /*Device pulse price plans*/
    .pricing-plans {
        grid-template-columns: 1fr;
      }
      .Comprehensive-function-p{
        text-align: center !important;
      }
    .dp-popover{
        display: none !important;
    }

      /*Support Page*/
    .products-container {
        grid-template-columns: 1fr;
        gap: 1rem;
        margin: 40px 120px;
      }

      .product-icon {
        width: 60px;
        height: 60px;
      }

      .product-title {
        font-size: 1rem;
      }

      .product-description {
        font-size: 0.8rem;
      }

      .support-title h1{
        font-size: 32px;
      }

      .support-title p{
        font-size: 14px;
        padding: 2px 8px;
        margin-bottom: -16px;
      }

      /*Submit Form*/
      .form-top-items {
        display: flex;
        flex-direction: column;
        gap: 16px;
      }

      .submit-form{
        padding: 10px 20px 20px 20px;
        border: 2px solid #EEF1F7;
        border-radius: 8px;

      }

      .support-form-container {
        display: flex;
        flex-direction:column;
        margin: 60px 20px;
        padding: 20px 10px;
      }

      .submit-button {
        background-color: #007BFF;
        color: #FFFFFF;
        padding: 12px 60px;
        font-size: 16px;
        font-weight: 500;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        width: 100%;
        align-content: right;
      }

      /*Webinar Timer*/
      .Timer_container {
            flex-direction: column;
            padding: 20px;
            padding-bottom: 48px;
        }

         .Timing {
             margin: 20px 0;
        }

        .Register_Now{
            padding: 0 32px;
        }
        .leftSection {
           width: 100%;
}
.webinar-hero-section{
    width: 100%;
    margin-left: 0px;
}
}

@media only screen and (max-width: 800px){

.hero-tourism{
    background-color: #FFFFFF;
    background-size: cover;
    background-position: center;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    background-repeat: no-repeat;
    justify-content: center;
    align-items: center;
}

.hero-tourism-content{
    width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-align: center;
    margin-top: 100px;
}

.hero-tourism-row{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.hero-tourism-img-col{
    width: 100%;
}

.hero-tourism-img{
    width: 100%;
}


.features-container {
  width: 100%;
  height: auto;
  background: #F8F8F8;
  justify-items: center;
  display: flex;
  flex-direction: column;
}

.features-video-container{
    width: 90%;
    height: auto;
    margin-top: 20px;
    margin-bottom: 0;
    display: flex;
    justify-content: center;
}

.features-video{
    width: 100%;
    height: auto;
    margin-top: 86px;
    margin-bottom: 89px;
}

.Pricing-Section {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 2rem 2rem;
    padding-bottom: 6rem;
    background-color: #f8f8f8;
    margin-top: 60px;
}

.demo-flex-container {
  width: 80%;
  height: 100%;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 24px;
  display: flex;
  flex-direction: column;
}

.number-row-container{
    display: none;
}

.feature-content-container {
  width: 100%;
  height: 325px;
  padding: 46px 24px;
  background: white;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 10px 10px 0px 10px;
}

.dashboard-flex-row {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.demo-box {
  width: 100%;
  height: 199px;
  padding: 32px 20px 40px 20px;
  background: white;
  border-radius: 14px;
  border: 1px solid #E1EDFF;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
}

.feature-content-container {
  width: 321px;
  height: 325px;
  padding: 46px 24px;
  background: white;
  border-radius: 24px;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin: 20px 10px 0px 10px;
  transition: transform 0.3s ease-in-out;
}

.features-container {
  width: 100%;
  height: auto;
  background: #F8F8F8;
  justify-items: center;
  align-items: center;
}

.features-img-container{
    width: 90%;
    height: auto;
    margin-top: 86px;
    margin-bottom: 89px;
    display: none;
    justify-content: center;
    justify-items: center;
}

.features-subheading {
  width: 100%;
  text-align: center;
  color: #2C666B;
  font-size: 18px;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  margin-bottom: 40px;
}

.read-button-container{
    width: 100%;
    justify-items: center;
}

.read-button{
    padding-top: 20px;
    display: inline-flex;
    font-weight: 500;
}
}

@media only screen and (max-width: 1000px){
    #IT-img{
        display: none;
    }
    #IT-menu{
        width: 780px;
        max-width: 780px;
        min-width: 780px;
        height: auto;
        display: flex;
    }
}

@media only screen and (max-width: 800px){
    #IT-menu{
        min-width: 364px;
        width: 364px;
        height: auto;
        display: flex;
        flex-wrap: wrap;
    }
    #IT-container{
        width: 100%;
    }
    #IT-topic{
        display: none;
    }
    #IT-data{
        display: none !important;
    }
    #IT-mobile{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #IT-info{
        display: none;
    }
    #IT-info-mobile{
        display: flex !important;
    }
}
@media only screen and (max-width: 800px){
    .homepage-container {
        width: auto !important;
    }
    .decade-container {
        width: 90% !important;
    }
}
@media only screen and (max-width: 800px){
footer .container .col a {
    color: white !important;
    font-size: 14px;
}
}
@media only screen and (max-width: 800px){
    .cta .homepage{
    margin: 0 !important
    }
}
@media only screen and (max-width: 800px){
    .home-section{
    padding: 2rem 0rem !important
    }
}
@media only screen and (max-width: 800px){
.home-page-p{
    color: #8A91A7; 
    font-Size: 16px !important;
    font-weight: 400 !important;
    margin: 0 !important;
    text-align: center !important;
}
.home-page-h{
    font-Size: 24px !important;
    font-weight: 600 !important; 
    /* color: #2B2C2C !important;  */
    margin:0 !important;
    text-align: center !important;
}
.home-page-blue-text{
    color:#2A7CED !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    margin:0 !important;
    text-align: center !important;
}
}
@media (max-width: 768px) {
  section.iot_sc .home-page-blue-text {
    text-align: center !important;
    display: block !important;
  }
    section.home-section .home-page-blue-text {
    text-align: center !important;
    display: block !important;
  }
  .testi-logo{
   justify-content: center !important;
  }
  .why-choose-senz{
    text-align: center !important;
    font-size: 18px !important;
  }
  .mosurance-mobile{
    padding: 40px 0px !important;
  }
}
    .home-ourservice-mobile-widget {
    background: #112240;
    color: white;
    border: 2px solid #112240;
    border-radius: 20px;
    padding: 24px;
    margin-bottom: 16px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    }

    .home-ourservice-mobile-widget-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
    line-height: 1.3;
    color: white;
    }

    .home-ourservice-mobile-widget-description {
    font-size: 16px;
    opacity: 0.8;
    line-height: 1.6;
    margin-bottom: 20px;
    }

    .home-ourservice-mobile-widget-list {
    list-style: none;
    padding: 0;
    margin: 0;
    }

    .home-ourservice-mobile-widget-list li {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    font-size: 15px;
    font-weight: 500;
    }

    .home-ourservice-mobile-widget-list li::before {
    content: '■';
    color: #60a5fa;
    font-size: 12px;
    margin-right: 12px;
    line-height: 1;
    font-weight: normal;
    }

    .home-ourservice-services-container {
    display: flex;
    gap: 20px;
    margin-top: 40px;
    }

    .home-ourservice-mobile-services-container {
    margin-top: 40px;
    }

    @media (max-width: 768px) {
    .home-ourservice-services-container {
        display: none;
    }

    .home-ourservice-mobile-services-container {
        display: block;
    }
    }

    @media (min-width: 769px) {
    .home-ourservice-mobile-services-container {
        display: none;
    }
    }
    @media (max-width: 900px) {
        .home-features-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    }
          
    @media (max-width: 600px) {
    .home-features-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .home-feature-card {
        padding: 16px;
        border-radius: 12px;
    }

    .home-card-content {
        align-items: flex-start;
        gap: 16px;
    }

    .home-gif-container {
        width: 60px;
        height: 60px;
        padding: 12px;
        flex-shrink: 0;
    }

    .home-text-content {
        flex: 1;
        padding-top: 8px;
    }

    .home-text-content h4 {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 6px;
        text-align: left;
    }

    .home-text-content p {
        font-size: 13px;
        line-height: 1.4;
        color: #8A91A7;
        text-align: left;
    }
    /* light-box css */
    .lightbox-container {
        height: 100vh;
        width: 100vw;
    }
    
    .lightbox-close-button {
        top: 8px;
        left: calc(100% - 40px);
        background-color: rgba(255, 255, 255, 0.8);
    }
    
    .lightbox-link-area {
        width: 50%;
        left: 25%;
        bottom: 5%;
    }
      .it-event-modal {
    width: 98vw;
    border-radius: 4px;
  }
  
  .event-title {
    font-size: 18px;
  }
  
  .event-description {
    font-size: 13px;
  }
  
  .section-title {
    font-size: 15px;
  }
  
  .feature-item {
    font-size: 11px;
    padding: 6px 10px;
  }
    }
    .decade-container-mobile {
        flex-direction: column;
    }
    .decade-left-content-mobile {
        flex: none;
        max-width: 100%;
        padding-right: 0;
        order: 2;
        text-align: center;
    }

    .decade-h1-mobile {
        font-size: 28px;
    }
    .decade-p-mobile {
        font-size: 16px;
    }
    .decade-right-content-mobile {
        width: 200px;
        order: 1;
        margin-bottom: 20px;
        margin: 0;
    }
    .decade-number-mobile {
        font-size: 200px;
    }
    .decade-subtext-mobile {
        font-size: 14px;
    }
    .decade-years-mobile {
        font-size: 14px;
    }
@media (max-width: 768px) {
    .home-award-client-logo {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        justify-items: center;
        gap: 20px;
    }

    .home-award-logo-container {
        width: 100%;
    }

    .home-award-last-award {
        grid-column: span 2;
        justify-self: center;
    }

    .home-award-img {
        width: 140px;
        height: auto;
    }
}
@media only screen and (max-width: 800px){
        .home-data-widget{
        text-align: center;
    }
}
        .home-aiotplatform-mobile-section {
            background-color: #ffffff;
        }
        
        .home-aiotplatform-mobile-header {
            margin-bottom: 2rem;
            text-align: center;
        }
        
        .home-aiotplatform-mobile-h {
            font-size: 28px;
            font-weight: bold;
            color: #333;
            margin-bottom: 15px;
        }
        
        .home-aiotplatform-mobile-p {
            color: #666;
            font-size: 14px;
            line-height: 1.5;
            margin-bottom: 0;
        }
        
        .home-aiotplatform-mobile-accordion {
            background-color: white;
            /* border-radius: 12px; */
            overflow: hidden;
        }
        
        .home-aiotplatform-mobile-accordion-item {
            border: 1px solid #e9ecef;
            margin-bottom: 8px;
            border-radius: 10px;
        }
        
        .home-aiotplatform-mobile-accordion-item:last-child {
            border-bottom: -1px;
        }
        /* For the mobile section */
                .home-aiotplatform-mobile-accordion-header {
                    padding: 16px;
                    cursor: pointer;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    background-color: white;
                    transition: all 0.3s ease;
                    border-radius: 10px;
                }
        
        .home-aiotplatform-mobile-accordion-header.expanded {
            background-color: #f8f9fa;
        }
        
        .home-aiotplatform-mobile-accordion-title {
            font-size: 16px;
            font-weight: 500;
            color: #333;
            margin: 0;
            flex: 1;
        }
        
        .home-aiotplatform-mobile-accordion-title.expanded {
            color: #007bff;
        }
        
        .home-aiotplatform-mobile-accordion-icon {
            font-size: 20px;
            color: #666;
            font-weight: 600;
            transition: all 0.3s ease;
        }
        
        .home-aiotplatform-mobile-accordion-icon.expanded {
            color: #007bff;
        }
        
        .home-aiotplatform-mobile-accordion-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-in-out;
            background-color: white;
        }
        
        .home-aiotplatform-mobile-accordion-content.expanded {
            max-height: 1000px;
        }
        
        .home-aiotplatform-mobile-content-inner {
            padding: 20px 20px 30px 20px;
        }
        
        .home-aiotplatform-mobile-image-container {
            margin-bottom: 20px;
            display: flex;
            justify-content: center;
        }
        
        .home-aiotplatform-mobile-image-placeholder {
            width: 300px;
            height: 200px;
            background-color: #f8f9fa;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid #e9ecef;
        }
        
        .home-aiotplatform-mobile-image {
            max-width: 80%;
            max-height: 100%;
            object-fit: contain;
            border-radius: 8px;
        }
        
        .home-aiotplatform-mobile-content-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            margin-bottom: 15px;
            text-align: center;
        }
        
        .home-aiotplatform-mobile-content-desc {
            font-size: 14px;
            line-height: 1.6;
            color: #666;
            text-align: center;
            margin: 0;
        }
        
        .home-aiotplatform-mobile-cta-container {
            text-align: center;
            margin-top: 2rem;
        }
        
        .home-aiotplatform-mobile-cta-button {
            background-color: white;
            color: #007bff;
            padding: 12px 24px;
            border: 1px solid #007bff;
            border-radius: 8px;
            font-size: 14px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s ease;
            display: none;
        }
        
        .home-aiotplatform-mobile-cta-button:hover {
            background-color: #007bff;
            color: white;
        }

@media (max-width: 1024px) {
  .home-product-card {
    justify-content: center;
    flex-wrap: wrap;
  }

  .jobs-container {
    grid-template-columns: repeat(2, 1fr);
  }

  .career-container {
    padding: 0 12px;
  }

  .solar-container {
    gap: 40px;
  }

  .solar-heading {
    font-size: 1.9rem;
  }

  .solar-card {
    width: 160px;
    padding: 18px 20px;
  }
}
@media only screen and (max-width:768px) {
  .textbox-newsletter-padding{
    padding: 15px 16px;
  }
 

    .compare-title {
    font-size: 20px;
  }

  .compare-subtitle {
    font-size: 13px;
  }

  .compare-table th,
  .compare-table td {
    font-size: 13px;
    padding: 10px;
  }

  .tick-icon {
    width: 16px;
    height: 16px;
  }
    .desktop-only {
    display: none;
  }
  .mobile-only {
    display: table-row;
  }

  .cta-button-mobile {
    text-align: center;
    padding: 20px;
  }

  .cta-button-mobile a.primary-button,
  .cta-button-mobile a.nav-book-demo,
  .cta-button-mobile a.publish-hero-button,
  .cta-button-mobile button.nav-book-demo,
  .cta-button-mobile button.publish-hero-button,
  .cta-button-mobile button.advisory-primary-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    max-width: 100%;
    box-sizing: border-box;
  }

  .cta-button-mobile a.nav-book-demo,
  .cta-button-mobile a.publish-hero-button,
  .cta-button-mobile button.nav-book-demo,
  .cta-button-mobile button.publish-hero-button,
  .cta-button-mobile button.advisory-primary-button {
    width: 100%;
  }
  section.client-names .client-logo img {
    width: 128px !important;
    height: 151px;
}
.section.what-we-do-home .container h2{
    color: #fff !important;
}

header.dp-header .container h1{
    padding-right: 12px !important;
    width: 90% !important;
}

.home-whatwedo-h-title{
    text-align: center !important;
}
  .feature-wrapper {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .mb-30{
    margin-bottom: 30px;
  }
  .update-video-height-mobile{
    height: auto !important;
    width: 100% !important;
    border-radius: 10px !important;
    margin-top: 60px !important;
}
.ml-0-mob{
    margin-left: 0px !important;
}
.pd-0{
    padding-top: 0px;
}
.client-logo.senzmatica-logos{
    height: auto !important;
    gap: 20px;
}
.mos-height-mob{
    height: 500px !important;
}
.mos-image-mob{
    margin-top: 30px !important;
}
}
@media only screen and (max-width: 430px) {
  .update-video-height-mobile{
    height: auto !important;
    width: 100% !important;
    border-radius: 10px !important;
    margin-top: -70px !important;
}
.video-mob-height{
   margin-top: 75px !important;
}
.gap-7{
    gap: 7px !important;
}
.ml-15{
    margin-left: 15px !important;
}
section.mosurance-benefits label {
    color: black;
}
.mt-73{
    margin-top: 73px;
}
.wireless-img {
    margin-left: 0px;
}
.hero-senz-img-mob {
    width: 80%;
    margin-top: 90px;
}
}
section.pricing .get-started-btn {
    size: 12px;
    padding: 12px 93px;
}
/* When navbar is blue (white theme) and menu is opened */
.nav-default.white.menu-opened .burger-container .bar {
    background-color: #000000 !important;
}
@media (max-width: 768px) {
    .show-desktop {
        display: none;
    }
    
    .show-mobile {
        display: block;
    }
}
@media (max-width: 480px) {
    .bootcamp-about {
        padding: 30px 0;
    }
    
    .bootcamp-title {
        font-size: 22px;
    }
    
    .bootcamp-subtitle {
        font-size: 18px;
    }
    
    .bootcamp-description {
        font-size: 14px;
    }
    
    .module-plans-title {
        font-size: 18px;
    }
    
    .lecture-title {
        font-size: 16px;
    }
    
    .hands-on-list li {
        font-size: 13px;
    }
    
    .timeline-date p {
        font-size: 14px;
    }
    
    .mobile-timeline-date {
        font-size: 16px;
    }
    
    .mobile-lecture-section p {
        font-size: 15px;
    }
    
    .mobile-hands-on-section li {
        font-size: 13px;
    }
    
    .card-title {
        font-size: 18px;
    }
    
    .item-text {
        font-size: 13px;
    }
    /* Search bar */
    .custom-tab {
        padding: 8px 12px;
        font-size: 13px;
    }
    .search-input {
        height: 36px;
        font-size: 14px;
    }
        
    .suggestion-link {
        padding: 10px 12px;
        font-size: 13px;
    }
    .categories-buttons {
        gap: 4px;
    }
    .category-btn {
        padding: 6px 12px;
        font-size: 12px;
        min-height: 30px;
    }
    
    .scroll-button {
        width: 30px;
        height: 30px;
    }
    
    .scroll-button svg {
        width: 14px;
        height: 14px;
    }
    .calendar-modal {
        width: 100%;
        border-radius: 8px;
        box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 
                    0px 16px 24px 2px rgba(0, 0, 0, 0.14), 
                    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
    }
    
    .modal-title {
        font-size: 1.125rem;
    }
    
    .modal-description {
        font-size: 0.875rem;
    }
        .profile-modal {
        width: 100%;
        height: auto;
        border-radius: 10px;
        padding: 16px;
        box-shadow: none;
    }
    
    /* .profile-modal-container {
        background-color: rgba(0, 0, 0, 0.8);
    } */ 
    
    .profile-modal-close {
        top: 12px;
        right: 12px;
        width: 36px;
        height: 36px;
        font-size: 20px;
    }
    
    .profile-name {
        font-size: 1.25rem;
    }
    
    .profile-position {
        font-size: 0.9375rem;
    }
    
    .profile-image-section img {
        width: 80px;
        height: 80px;
    }
    .menu-modal-content {
        width: 99vw;
        max-width: 380px;
        height: 300px;
  }
}
@media (max-width: 768px) {
   .custom-tab {
        width: 100%;
        padding: 10px 16px;
        font-size: 14px;
        border-bottom: 1px solid #f0f0f0;
    }
    
    .custom-tab.active::after {
         display: none;
    }
    
    .custom-tab.active {
        background-color: #f0f8ff;
        /* border-left: 3px solid #1890ff; */
    }
    .custom-tabs-container {
        width: 100%;
        flex-direction: column;
    }
    .bootcamp-about {
        padding: 40px 0;
    }
    
    .bootcamp-title {
        font-size: 24px;
    }
    
    .bootcamp-subtitle {
        font-size: 20px;
    }
    
    .bootcamp-description {
        font-size: 15px;
    }
    
    .module-plans-title {
        font-size: 20px;
    }
    
    .custom-timeline {
        padding-left: 0;
    }
    
    .timeline-item {
        flex-direction: column;
        margin-bottom: 30px;
    }
    
    .timeline-separator {
        display: none;
    }
    
    .timeline-date {
        width: 100%;
        text-align: left;
        margin-top: 15px;
        border-left: 3px solid #1976d2;
        padding-left: 15px;
    }
    
    .timeline-content {
        padding: 15px;
        border: 1px solid #eaeaea;
        border-radius: 8px;
    }
    
    .bootcamp-cards-container {
        flex-direction: column;
        gap: 20px;
    }
    
    .bootcamp-card {
        min-width: 100%;
    }
    /* search bar */
    .search-container {
        width: 100%;
        max-width: none;
    }
        .filter-wrapper {
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        padding: 12px;
        gap: 12px;
    }
    
    .search-container {
        min-width: 100%;
    }
    
    .categories-container {
        min-width: 100%;
    }
    
    .categories-scroll-wrapper {
        justify-content: space-between;
    }
    
    .categories-buttons {
        justify-content: flex-start;
        gap: 6px;
        padding: 4px 8px;
    }
    
    .category-btn {
        padding: 6px 14px;
        font-size: 13px;
        min-height: 32px;
    }
    
    .scroll-button {
        width: 32px;
        height: 32px;
    }
    
    .search-input {
        padding: 10px 14px 10px 48px; /* Extra left gap from icon */
        font-size: 13px;
    }
    
    .search-icon {
        left: 14px;
        width: 18px;
        height: 18px;
    }
    .calendar-modal {
        width: 95%;
        max-width: 400px;
        padding: 20px 16px;
        margin: 20px auto;
        border-width: 1px;
    }
    
    .modal-title {
        font-size: 1.25rem;
        margin-bottom: 12px;
    }
    
    .modal-description {
        font-size: 0.9375rem;
        margin-bottom: 20px;
    }
    /* profile modal css */
        .profile-modal {
        width: 95%;
        padding: 20px;
        max-height: 85vh;
    }
    
    .profile-modal-content {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 20px;
    }
    
    .profile-name {
        font-size: 1.5rem;
    }
    
    .profile-position {
        font-size: 1rem;
    }
    
    .profile-image-section img {
        width: 100px;
        height: 100px;
    }
    
    .profile-details-section {
        width: 100%;
    }
    
    .profile-description {
        font-size: 0.9375rem;
    }
    /* Menu.js file csss */
    .menu-modal-content {
    width: 97vw;
    max-width: 600px;
    height: 400px;
    flex-direction: column;
  }
  .member-card-content-h4{
    display: flex;
    justify-content: center;
  }
  .hero-senz-row-image{
    display: none;
  }
  .webinar4-responsive-banner{
    margin-top: 20px;
  }
  .store-link-text {
    font-size: 15px; /* Slightly larger for mobile */
  }
  .pri-btn-device-pulse{
    display: flex;
    justify-content: center;
  }
  .senzvision__meta{
    display: flex;
    justify-content: center;
    margin-top: 10px;
  }
}
@media (min-width: 768px) {
    .filter-wrapper {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 12px 20px;
    }
}
@media (max-width: 900px) {
    .profile-modal {
        width: 95%;
        padding: 24px;
    }
    
    .profile-modal-content {
        gap: 24px;
    }
    /* Light-box css */
    .lightbox-container {
        width: 100vw;
        height: 100vw; /* Square aspect ratio for mobile */
        max-width: 100%;
        max-height: 100%;
        border-radius: 0;
        border: none;
        top: 50%;
        left: 50%;
    }
    
    .lightbox-desktop-image {
        display: none;
    }
    
    .lightbox-mobile-image {
        display: block;
    }
    
    .lightbox-close-button {
        top: -12px;
        left: calc(100% - 35px);
        font-size: 18px;
        width: 35px;
        height: 35px;
    }
    
    .lightbox-link-area {
        height: 34px;
        width: 45%;
        bottom: 4%;
        left: 28%;
    }
      .it-event-modal {
    flex-direction: column;
    min-width: auto;
    width: 95vw;
    max-width: 600px;
    height: auto;
    max-height: 90vh;
  }
  
  .event-content {
    padding: 20px;
    height: auto;
  }
  .close-button {
    top: 5px;
    right: 5px;
    width: 36px;
    height: 36px;
    background-color: rgba(255, 255, 255, 0.9);
  }
}
/* Responsive Design */
@media (max-width: 1200px) {
  .menu-modal-content {
    width: 95vw;
    max-width: 1000px;
    height: 520px;
  }
}

@media (max-width: 992px) {
  .menu-modal-content {
    width: 96vw;
    max-width: 800px;
    height: 450px;
  }
}

@media (max-width: 576px) {
  .menu-modal-content {
    width: 98vw;
    max-width: 450px;
    height: 350px;
  }
}
@media (max-width: 360px) {
  .menu-modal-content {
    width: 100vw;
    height: 280px;
    border-radius: 0;
  }
}
@media (max-width: 1100px) {
    .lightbox-container {
        width: 90vw;
        height: 506px; /* Maintain 16:9 aspect ratio */
    }
    
    .lightbox-close-button {
        left: calc(100% - 40px);
        top: -8px;
    }
    
    .lightbox-link-area {
        width: 280px;
        left: 175px;
    }
    /* It-event page css */
    @media (max-width: 1100px) {
  .it-event-modal {
    min-width: 800px;
    height: 500px;
  }
  
  .event-title {
    font-size: 22px;
    margin: 15px 0 20px 0;
  }
  
  .features-container {
    flex-direction: column;
    gap: 8px;
  }
  
  .feature-item {
    padding: 8px 12px;
  }
}
}
@media (max-width: 400px) {
    .lightbox-link-area {
        width: 60%;
        left: 20%;
    }
      .event-details {
    flex-direction: column;
    gap: 10px;
  }
  
  .event-detail-item {
    flex-direction: row;
    min-width: auto;
    width: 100%;
    justify-content: flex-start;
  }
  
  .features-container {
    gap: 6px;
  }
}
.cursor-pointer{
    cursor: pointer;
}

section.milestone-steps {
    background-color: #F8F8F8;
    margin-top: 20px;
}


section.milestone-steps .container {
    padding-top: 60px;
    padding-bottom: 60px;
}

section.milestone-steps .container h4 {
    font-size: 14px;
    font-weight: 400;
    color: #646464;
    text-align: center;
}

section.milestone-steps .container hr {
    width: 10%;
    height: 2px;
    background-color: #2A7CED;
    border: none;
}

section.milestone-steps .container .stone-list {
    margin-top: 20px;
    width: 100%;
}

section.milestone-steps .container .stone-list .stone-row {
    display: flex;
    align-items: center;
}

section.milestone-steps .container .stone-list .stone-row .stone-item {
    width: 100%;
    position: relative;
    margin: 20px;


}

section.milestone-steps .container .stone-list .stone-row .stone-item .left-flag {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
}

section.milestone-steps .container .stone-list .stone-row .stone-item .right-flag {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
}

section.milestone-steps .container .stone-list .stone-row .stone-item .body {
    position: relative;
    background-color: #FFFFFF;
    border-radius: 5px;
    display: flex;
    align-items: center;
    box-shadow: 0px 5px 15px #2C49651F;
    height: fit-content;

}

section.milestone-steps .container .stone-list .stone-row .stone-item .body .text {
    display: flex;
    flex-direction: column;
    width: 75%;
    padding: 25px;
}

section.milestone-steps .container .stone-list .stone-row .stone-item .body .text label {
    font-size: 14px;
    font-weight: 600;
    margin-block-end: 0.5em;
}

section.milestone-steps .container .stone-list .stone-row .stone-item .body .text span {
    font-size: 14px;
    color: #646464;
}

section.milestone-steps .container .stone-list .stone-row .stone-item .body .text img {
    width: 100px;

}

section.milestone-steps .container .stone-list .stone-row .stone-item .body .date {
    width: 25%;
    padding: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;

    border-left: 1px solid #e7e7e7;
}

section.milestone-steps .container .stone-list .stone-row .stone-item .body .date h5 {
    margin-block-end: 0px;
    margin-block-start: 0px;
    font-size: 30px;
    font-weight: 600;
    line-height: 1;
    color: #0264E9;

}


section.milestone-steps .sub-head {
    margin-block-start: 0px;
    margin-block-end: 0px;
    display: flex;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    font-size: 14px;
    font-weight: 600;
    color: #2A7CED;
}

section.milestone-steps h1{
    color: #000000;
    text-align: center;
    font-size: 1.5em;
    margin-top: 0;
    margin-bottom: 0;
}


section.milestone-steps .container .stone-list .stone-row .stone-item .body .date label {
    font-size: 14px;

}

section.milestone-steps .container .stone-list .stone-row .v-line {
    height: 150px;
    display: flex;
    width: 10px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}

section.milestone-steps .container .stone-list .stone-row .v-line .line {
    width: 1px;
    background-color: #d9d9d9;
    height: 200px;
    position: absolute;
}

section.milestone-steps .container .stone-list .stone-row .v-line span {
    height: 10px;
    width: 10px;
    border-radius: 60%;
    background-color: #2A7CED;
    position: absolute;
    border: 2px solid #FFFFFF;
}

.program{
    display: flex;
    flex-direction: column;
    color: #646464;
    line-height: 24px;
    font-weight:400; 
    font-size: 14px;
    padding-left: 10px;
    padding-top: 10px;
}
    
.titleprogram{
    padding-left: 10px;
    font-size: 16px;
    font-weight: 600;
}

/* -------------------------------------------------------------------------------------------------- */

section.benefit-program{
    padding-top: 80px;
    padding-bottom: 100px;
}

section.benefit-program .container h4 {
    margin-block-start: 0px;
    margin-block-end: 0px;
    display: flex;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    font-weight: 600;
}

section.benefit-program .container span {
    margin-block-start: 0px;
    margin-block-end: 0px;
    display: flex;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    font-size: 14px;
    font-weight: 600;
    color: #2A7CED;
}

section.benefit-program .container .content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

section.benefit-program .content p {
    font-size: 14px;
    text-align: center;
    color: #646464;
    font-weight: 300;
}

section.benefit-program .content .value-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 20px;
}

section.benefit-program .content .value-content img{
    width: 80px;
    height: 80px;
}

.sa-values-green {
    color: #afafaf;
}

section.benefit-program .container {
    display: flex;
    flex-direction: column;
}

section.benefit-program .title {
    text-align: center;
    width: 100%;
}

section.benefit-program .title span {
    font-size: 14px;
    color: #2a7ced;
}

section.benefit-program .title h1 {
    margin-block-start: 0px;
    margin-block-end: 0px;
    display: flex;
    margin-top: 0px;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    padding: 5px;
}


section.benefit-program .title p {
    margin-block-start: 0px;
    margin-block-end: 0px;
    display: flex;
    justify-content:center;
    text-align: center;
    flex-direction: column;
    font-size: 14px;
    margin-top: 8px;
    color: rgba(0, 0, 0, 0.8);
    
}

section.benefit-program .btn-div{
    display: flex;
    justify-content: center;
    padding-top: 16px;
}

section.benefit-program .apply-button {
    cursor: pointer;
    text-decoration: none;
    background: #2A7CED 0% 0% no-repeat padding-box;
    padding: 14px 40px;
    color: white;
    border-radius: 4px;
    font-weight: 600;
    
    font-style: normal;
    font-size: 14px;
    text-align: center;
    
}


/* -------------------------------------------------------------------------------------------------- */

section.lab-apply-form {
    padding-top: 20px;
    padding-bottom: 50px;
    background: rgba(5, 22, 75, 0.01);
    margin-bottom: 0;
    border-radius: 0px;
    
}

section.lab-apply-form .container {
    text-align: center;
    padding: 0px 40px ;
    border-radius: 5px;
}

section.lab-apply-form h1 {
    font-size: 24px;
    color: #000000;
    font-weight: 600;
}

section.lab-apply-form h4 {
    color: rgba(0, 0, 0, 0.65);
    font-size: 16px;
    font-weight: 400;
}

section.lab-apply-form .col-lg-6 {
    width: 48%;
}

section.lab-apply-form .row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

section.lab-apply-form .row h2{
    text-align: left;
    font-size: 18px;
    color: rgba(0, 0, 0, 0.8);
    font-weight: 600;
}

section.lab-apply-form .btn-div{
    display: flex;
    justify-content: center;
    padding-top: 24px;
    
}

section.lab-apply-form .submit-btn {
    cursor: pointer;
    text-decoration: none;
    background: #2A7CED 0% 0% no-repeat padding-box;
    padding: 14px 40px;
    color: white;
    border-radius: 4px;
    font-weight: 600;
    
    font-style: normal;
    font-size: 14px;
    text-align: center;
    
}

/* -------------------------------------------------------------------------------------------------- */

.fireside-apply-form {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 5px #55629A29;
    border-radius: 10px !important;
    margin: 0;
    padding: 24px 0 24px 0;
}

.fireside-apply-form .row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.fireside-apply-form .btn-div{
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0px 15px 0px 15px;
}

.fireside-apply-form .policy {
    padding: 0px 15px 0px 15px;
    font-size: small;
}

.fireside-apply-form .policy a{
    color: #2A7CED;
    text-decoration: none;
}

.fireside-apply-form .submit-btn {
    cursor: pointer;
    text-decoration: none;
    background: #2A7CED 0% 0% no-repeat padding-box;
    padding: 14px 40px;
    color: white;
    border-radius: 4px;
    font-weight: 600;
    
    font-style: normal;
    font-size: 14px;
    text-align: center;
    
}

.fireside-apply-form .job-form-label {
    text-align: left;
    font-size: 14px;
    color: #000000;
}

.fireside-apply-form select {
    font-size: 16px;
    color: #495057;
    height: 36px;
}
    
.fireside-apply-form .row {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 10px;
}

.fireside-apply-form h1 {
    font-size: 24px;
    color: #000000;
    font-weight: 600;
    margin: 10px 10px 0px 10px;
}

.fireside-apply-form h4 {
    color: rgba(0, 0, 0, 0.65);
    font-size: 16px;
    font-weight: 400;
    margin: 10px 10px 0px 10px;
}

/* Fireside form input + error styling */
.fireside-apply-form .form-group {
    margin-bottom: 18px;
}

.fireside-apply-form .form-control.bookDemo,
.fireside-apply-form textarea.form-control.bookDemo {
    border: 1px solid #d0d5dd;
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 14px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.fireside-apply-form .form-control.bookDemo:focus,
.fireside-apply-form textarea.form-control.bookDemo:focus {
    border-color: #2A7CED;
    box-shadow: 0 0 0 2px rgba(42, 124, 237, 0.12);
    outline: none;
    background-color: #ffffff;
}

.fireside-apply-form .form-control.bookDemo.is-danger,
.fireside-apply-form .form-control.is-danger,
.fireside-apply-form .bookDemo.is-danger {
    border-color: #e63946 !important;
    background-color: #fff5f6;
}

.fireside-apply-form .help.is-danger {
    color: #e63946;
    font-size: 12px;
    margin-top: 4px;
}

.fireside-apply-form .red-text {
    color: #e63946;
}

.fireside-apply-form .job-radio-container .form-check-input {
    margin-top: 3px;
}

.fireside-apply-form .job-radio-container .form-check-label {
    font-size: 14px;
    color: #2B3543;
}

/* -------------------------------------------------------------------------------------------------- */


header.launchpad-program {
    width: 100%;
    overflow: hidden;
    background-color: #f7f7f7;
    opacity: 1;
    height: 735px;
    background-image: url('/images/aiot-launchpad/aiot.webp');
    background-size: 600px;

    background-repeat: no-repeat;
    background-position: right calc(50vw - 540px) center;
}
header.bootCamp-program {
    width: 100%;
    overflow: hidden;
    background-color: #f7f7f7;
    opacity: 1;
    height: 735px;
    background-image: url('/images/BootCamp/bootcamp.webp');
    background-size: 600px;
    background-repeat: no-repeat;
    background-position: right calc(40vw - 540px) center;
}

header.launchpad-program .container {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    z-index: 2;
    height: 100%;
    justify-content: center;
    margin-top: 0;
    padding-top: 0;
}
header.bootCamp-program .container {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    z-index: 2;
    height: 100%;
    justify-content: center;
    margin-top: 0;
    padding-top: 0;
}
header.launchpad-program .container .content {
    padding-left: 20PX;
}
header.bootCamp-program .container .content {
    padding-left: 20PX;
}
header.launchpad-program .container h1 {
    font-size: 2em;
    margin: 0;
    margin-bottom: 5px;
    color: #000000;
}
header.bootCamp-program .container h1 {
    font-size: 2em;
    margin: 0;
    margin-bottom: 5px;
    color: #000000;
}
header.launchpad-program .container h2 {
    font-size: 2em;
    margin: 0;
    margin-bottom: 10px;
}
header.bootCamp-program .container h2 {
    font-size: 1.5em;
    margin: 0;
    margin-bottom: 10px;
}
header.launchpad-program .container p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    margin: 0;
    margin-bottom: 30px;
    color: #a7a7a7;
    /* identical to box height, or 27px */

    letter-spacing: 0.01em;

}
header.bootCamp-program .container p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    margin: 0;
    margin-bottom: 30px;
    color: #a7a7a7;
    width: 45%;
    /* identical to box height, or 27px */
    letter-spacing: 0.01em;
    width: 55%;
}
header.polar-partnership {
    height: 720px;
    background-image: url('/images/polar-partnership/polar.webp');
    background-size: 550px;

}

/* -------------------------------------------------------------------------------------------------- */

section.mold-dreams{
    padding-top: 50px;
    padding-bottom: 80px;
    overflow: hidden;
}

section.mold-dreams .container h2 {
    text-align: justify;
    color: #2A7CED;
    background-clip: text;
    font-size: 24px;
    text-align: center;
}

section.mold-dreams .container P{
    color:#000000;
    text-align: center;
    font-size: 16px;
}


/* -------------------------------------------------------------------------------------------------- */

section.product-success-story {
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 20px;
}

section.product-success-story .container {
    position: relative;
    /* width: 100%; */
    padding: 30px 0;
}
.product-success-story .container {
  text-align: center;
}
.product-success-story span {
  display: block;        
  font-size: 14px;
  font-weight: 600;
  color: #2A7CED;
  letter-spacing: 1px;
  margin-bottom: 10px;
}



section.product-success-story .header{
    text-align: center;
    margin-bottom: 30px;
}

section.product-success-story .header span{
    flex-direction: column;
    font-size: 14px;
    font-weight: 600;
    color: #2a7ced;
}

section.product-success-story .header h2{
    color: #000000;
    margin: 0;
    font-weight: 600;
}

section.product-success-story .story-card a{
    padding: 20px 20px 0 20px; 
    display: flex;
    margin-bottom: 20px;
}

section.product-success-story .story-card {
    padding: 20px 20px 0 20px; 
    display: flex;
    margin-bottom: 20px;
    transition: all .5s;
    background: #FFFFFF;
    border: 1px solid #F2F2F2;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
    border-radius: 40px;
    cursor: pointer;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
}

section.product-success-story .story-card:hover {
    transform: scale(1.03);
}

section.product-success-story .story-card:nth-child(even) a{
    /* flex-direction: row-reverse; */
    float: right;
}

section.product-success-story .story-card h2{
    color: #2A7CED;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
}

section.product-success-story .story-card p{
    margin-top: 0;
    font-size: 14px;
    color: #646464;
    font-weight: 400;
}

section.product-success-story .story-content{
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

section.product-success-story .story-image{
    display: flex;
    align-items: center;
}

section.product-success-story .story-image img{
    height: auto;
    width: 150px;
}

section.product-success-story .btn-div {
    width: 100%;
    justify-content: center;
    display: flex;
    padding: 24px;
}

section.product-success-story .apply-button {
    cursor: pointer;
    text-decoration: none;
    background: #2A7CED 0% 0% no-repeat padding-box;
    padding: 14px 40px;
    color: white;
    border-radius: 4px;
    font-weight: 600;
    font-style: normal;
    font-size: 14px;    
}

section.sa_brochure .apply-button{
    cursor: pointer;
    text-decoration: none;
    background: #2A7CED 0% 0% no-repeat padding-box;
    padding: 14px 40px;
    color: white;
    border-radius: 4px;
    font-weight: 600;
    
    font-style: normal;
    font-size: 14px;
    text-align: center;
}


section.sa_brochure .btn-div{
    display: flex;
    justify-content: center;
    padding-top: 16px;
}

section.polar-success .story-image img{
    width: 150px;
    height: auto;
}


/* -------------------------------------------------------------------------------------------------- */

section.part-of-program{
    padding-bottom: 30px;
}
section.part-of-program .content{
    /* background: linear-gradient(92.66deg, #000000 -23.86%, rgba(12, 36, 112, 0.914136) 3.01%, rgba(9, 40, 137, 0.890524) 11.67%, rgba(13, 59, 200, 0.78) 100%, #2A7CED 100%); */
    padding: 0px 40px 0 40px;
    color: rgb(0, 0, 0);
    border-radius: 5px;
    margin-bottom: 40px;
}

section.part-of-program .sub-head {
    margin-block-start: 0px;
    margin-block-end: 0px;
    display: flex;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    font-size: 14px;
    font-weight: 600;
    color: #2A7CED;
}

section.part-of-program h2{
    color: #000000;
    text-align: center;
    font-size: 1.5em;
    margin-top: 0;
    margin-bottom: 52px;
}

section.part-of-program h3{
    font-size: 14px;
    font-weight: 600;
    color: #2A7CED;
    margin-bottom: -15px;
    margin-left: -20px;
    display: flex;
    gap: 8px;
}

section.part-of-program .content .type-list{
    display: flex;
    flex-wrap: wrap;
}

section.part-of-program .content .type-list .list-item{
    width: 48%;
    margin-bottom: 20px;
    display: flex;
    box-shadow: 0px 10px 20px rgba(10, 10, 10, 0.06);
    padding: 20px 0 20px 20px;
    border-radius: 10px;
}

section.part-of-program .content .type-list .list-item:nth-child(even){
    margin-left: 2%;
}

section.part-of-program .content .type-list span{
    padding-left: 15px;
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 4px;
}

section.bootcamp-about{
    padding-top: 50px;
    padding-bottom: 80px;
    overflow: hidden;
}

section.bootcamp-about .container h2 {
    text-align: justify;
    color: #2A7CED;
    background-clip: text;
    font-size: 24px;
    text-align: center;
}

section.bootcamp-about .container P{
    /* color:#000000; */
    /* text-align: center; */
    font-size: 14px;
    margin: 0;
}






@media only screen and (max-width: 800px) {
    section.milestone-steps .container .stone-list .stone-row .stone-item{
        margin: 0;
    }

    section.milestone-steps .container .stone-list .stone-row{
        flex-direction: column;
    }

    section.milestone-steps .container .stone-list .stone-row .stone-item .body{
        flex-direction: row-reverse;
    }

    section.milestone-steps .container .stone-list .stone-row .stone-item .body{
        margin-left: 0px;
        
    }

    /* -------------------------------------------------------------------------------------------------- */

    section.benefit-program .content{
        flex-direction: column !important;
    }

    section.benefit-program .content .value-content{
        margin-bottom: 20px;
    }

    /* -------------------------------------------------------------------------------------------------- */

    section.lab-apply-form {
        margin: 0;
        padding: 0 0 24px 0;
    }

    section.lab-apply-form .container{
        padding: 0;
    }

    section.lab-apply-form .container h1{
        font-size: 20px;
    }

    section.lab-apply-form .container h4{
        font-size: 14px;
    }

    section.lab-apply-form .container h2{
        font-size: 16px;
       
    }

    section.lab-apply-form .job-form-label{
        text-align: left;
    }

    section.lab-apply-form .col-lg-6{
        width: 100%;
    
    }

    section.lab-apply-form .row {
        padding-left: 5px;
        padding-right: 5px;
    }


    /* -------------------------------------------------------------------------------------------------- */

    header.launchpad-program {
        background-repeat: no-repeat;
        background-position: center 95px;
        background-size: 90%;

    }

    header.launchpad-program .container{
        width: 100% !important;
        margin-top: 50px;
    }

    header.launchpad-program .container .content {
        margin-top: 120px;
        width: 100%;
        padding-left: 15px;
        padding-right: 10px;
    }


    header.launchpad-program .container .primary-button{
        text-align:center;
        font-size: 14px;
    }
    header.bootCamp-program {
        background-repeat: no-repeat;
        background-position: center 95px;
        background-size: 90%;

    }

    header.bootCamp-program .container{
        width: 100% !important;
        margin-top: 50px;
    }

    header.bootCamp-program .container .content {
        margin-top: 320px;
        width: 100%;
        padding-left: 15px;
        padding-right: 10px;
    }
    section.what-we-do-home .container .content .info-box-highlight{
        width:auto;
    }
    header.bootCamp-program .container h1{
        font-size:28px;
    }
    header.bootCamp-program .container p{
        font-size:14px;
        width: 100%;
        text-align: justify;
    }
    section.part-of-program-bootcamp{
    padding-bottom: 20px;
    }
    section.bootcamp-about .container P{
    padding: 10px;
    text-align: justify !important;
    }
    .expected-outcome-6{
        display: flex;
        flex-direction: column;
    }
    .bootcamp-6-labprogramme{
        text-align: justify !important;
        padding: 10px;
    }
    .faq-section-bootcamp{
        padding: 10px !important;
    }
    section.milestone-steps .sub-head{
        padding-top: 40px;
    }
    header.bootCamp-program .container .primary-button{
        text-align:center;
        font-size: 14px;
    }

    /* -------------------------------------------------------------------------------------------------- */


    section.mold-dreams .container h2{
        text-align:center;

    }

    section.mold-dreams .container p{
        margin-bottom: 5px;
        margin-left: 10px;     
    }


    /* -------------------------------------------------------------------------------------------------- */

    section.product-success-story .container {
        position: relative;
        width: 100%;
        padding: 20px 0px;
    }

    section.product-success-story .story-card {
        display: block;
        width: 100% !important;
        margin-bottom: 20px;
        float: left;
        padding:0;
        margin-right: 0;
        margin-left: 0;
    }

    section.product-success-story .story-content{
        padding: 20px 0px;
    }

    section.product-success-story .story-image img{
        height: auto;
        width: 120px;        
        margin-left: 68px;
    } 

    section.product-success-story .story-content h2{
        font-size: 16px;
        margin-bottom: 8px !important;
        margin-top: 2px;
    }

    section.product-success-story .story-content p{
        font-size: 14px;
    }

    section.mold-dreams .container h2{
        text-align:center;
    }

    section.product-success-story .header h2{
        font-size: 24px !important
    }

    section.product-success-story .story-card a{
        flex-direction: column;
    }

    section.product-success-story .story-card:nth-child(even) a{
        flex-direction: column;
    }


    /* -------------------------------------------------------------------------------------------------- */

    section.part-of-program .content {
        padding: 5px 20px;
    }

    section.part-of-program .content .type-list .list-item {
        width: 100%;
        line-height: 25px;
    }

    section.part-of-program .content .type-list .list-item:nth-child(even){
        margin-left: 0;
    }

}
@media only screen and (max-width: 800px) {
.container{
    flex-direction: column;
}
section.new-blog .container .blog-section {
    width: 100% !important;
}

section.new-blog .container .summary-section {
    width: 100% !important;
    padding-left: 20px !important;
}

/* .commom{
    display: none !important;
} */

.container{
    padding-top: 0px !important;
}
}
@media only screen and (max-width: 768px) {
    section.new-blog .container {
    padding: 0px 20px  !important;
}
.share-tooltip{
    display: none !important;
}
.case-studies-section{
    padding-top: 100px;
}
}
 /* Mobile fix */
@media (max-width: 768px) {
  .share-icon {
    /* width: 180px; */
    left: 0%;
  }
  .share-dropdown{
    left: 0%;
  }
    .search-container-blogs {
      display: block;
  }
}

section.new-blog {
    width: 100%;
    padding-bottom: 20px;
    margin-top: 80px;
}

section.new-blog .container {
    display: flex;
    padding-top: 30px;
}

section.new-blog .container .blog-section{
    width: 64%;
    background: #ffffff;
    border-radius: 20px;
    margin-bottom: 50px;
    padding-bottom: 50px;
}

section.new-blog .container .blog-section .header-section{
    width: 100%;
    margin: 4px 0 28px;
}

section.new-blog .blog-meta-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
}

section.new-blog .blog-meta-left {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

section.new-blog .blog-meta-left .description-raw {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    color: #6b7280;
    font-size: 14px;
    width: auto;
}

section.new-blog .blog-meta-author {
    font-size: 13px;
    color: #6b7280;
}

section.new-blog .blog-meta-author span:last-child {
    color: #111827;
    font-weight: 500;
}

/* Medium-inspired share control */
section.new-blog .blog-share {
    position: relative;
    flex-shrink: 0;
}

section.new-blog .blog-share-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 40px;
    padding: 0 14px 0 12px;
    border-radius: 999px;
    border: 1px solid #e5e7eb;
    background: #fff;
    color: #374151;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

section.new-blog .blog-share-trigger:hover,
section.new-blog .blog-share-trigger.is-open {
    background: #f9fafb;
    border-color: #d1d5db;
    color: #111827;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}

section.new-blog .blog-share-trigger:focus-visible {
    outline: 2px solid #2A7CED;
    outline-offset: 2px;
}

section.new-blog .blog-share-menu {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: 240px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.12);
    padding: 8px;
    z-index: 60;
    animation: blogShareFade 0.16s ease;
}

@keyframes blogShareFade {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

section.new-blog .blog-share-menu-title {
    padding: 8px 10px 10px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #9ca3af;
}

section.new-blog .blog-share-option {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 10px;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: #1f2937;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

section.new-blog .blog-share-option:hover {
    background: #f3f4f6;
}

section.new-blog .blog-share-option.is-copied {
    color: #059669;
    background: #ecfdf5;
}

section.new-blog .blog-share-option-icon {
    width: 28px;
    height: 28px;
    border-radius: 999px;
    background: #f3f4f6;
    color: #374151;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

section.new-blog .blog-share-option:hover .blog-share-option-icon {
    background: #e5e7eb;
}

@media (max-width: 768px) {
    section.new-blog .blog-meta-bar {
        align-items: flex-start;
    }

    section.new-blog .blog-share-trigger span {
        display: none;
    }

    section.new-blog .blog-share-trigger {
        width: 40px;
        padding: 0;
    }

    section.new-blog .blog-share-menu {
        right: 0;
        width: min(240px, calc(100vw - 48px));
    }
}

section.new-blog .container .blog-section .logo-section{
    display: flex;
    width: 55%;
    justify-content: flex-end;
    align-items: flex-end;
}

section.new-blog .container .blog-section .commom {
    display: flex;
    padding: 0;
    margin-left: auto;
}
section.new-blog .container .blog-section .commom .header-section .dp-section{
    width:90px;
    height:90px;
    display: flex;
}

section.new-blog .container .blog-section .commom .header-section .tagicon {
    width: 10px;
    display: flex;
    align-items: flex-end;
    /* margin-bottom: 0px; */
    margin-left: -3px;
    font-size: 10px;
}

section.new-blog .container .blog-section .commom .header-section .description{
    width: auto;
    display: flex;
}

section.new-blog .container .blog-section .commom .header-section .dp-section .dp .profile{
    padding: 10px;
    border-radius: 50%;
}

section.new-blog .container .blog-section .commom .header-section .dpandname{
    display: flex;
}

section.new-blog .container .blog-section .commom .header-section .dpandname .description{
/* padding-top: 10px; */
}

section.new-blog .container .blog-section .commom .header-section .dpandname .description .arr{
    width: 100%;
    height: 31px;
    text-align: left;
    font: normal normal normal 15px Poppins;
    letter-spacing: 0px;
    color: #707070;
    opacity: 1;
}

section.new-blog .iconandname{
    padding-top: 5px;
    width: 100%;
}

section.new-blog .description-raw{
    display: flex;
    width: auto;
    gap: 5px;
    color: #5C6E87;
}

section.new-blog .container .blog-section .commom .header-section .dpandname {
display: flex;
font-size: 10px;
}
section.new-blog .container .blog-section .commom .header-section .dpandname .description .arr .tagicon{
    background: #d9cf15;
}

section.new-blog .container .blog-section .commom .header-section .tagicon .tag{
    align-items: flex-end;
    width: 15px;
    height: 15px;
}

section.new-blog .container .logo-section .linkicons button{
    width: 35px;
    height: 35px;
    margin-bottom: -12px !important;
}

section.new-blog .container .blog-section .body{
    padding-left: 0px;
    padding-right: 0px;
}

section.new-blog .container .blog-section .body .topic{
    width: 100%;
    text-align: left;
    font: normal normal bold 20px Poppins;
    letter-spacing: 0px;
    color: #000000;
    text-transform: none;
    margin: 28px 0 12px;
}

section.new-blog .container .blog-section .body .topic:first-child {
    margin-top: 0;
}

section.new-blog .container .blog-section .body .topic h1 {
    font-size: 28px;
    line-height: 1.3;
    font-weight: 700;
    margin: 0;
}

section.new-blog .container .blog-section .body .topic h2 {
    font-size: 20px;
    line-height: 1.35;
    font-weight: 600;
    margin: 0;
}

section.new-blog .container .blog-section .body .city{
    width: 100%;
    border-radius: 15px;
}

section.new-blog .container .blog-section .body .content{
    text-align: justify;
    font: normal normal 300 15px/1.7 Poppins;
    letter-spacing: 0px;
    color: #565656;
    opacity: 1;
    margin: 0 0 14px;
}

section.new-blog .container .blog-section .body .content p {
    margin: 0;
}

section.new-blog .container .blog-section .body .content a,
section.new-blog .container .blog-section .body .blog-list a {
    color: #2A7CED;
    text-decoration: underline;
}

/* Restore list styles reset by Tailwind preflight */
section.new-blog .container .blog-section .body ul.blog-list,
section.new-blog .container .blog-section .body ol.blog-list {
    margin: 0 0 18px;
    padding-left: 1.4rem;
    color: #565656;
    font: normal normal 300 15px/1.7 Poppins;
}

section.new-blog .container .blog-section .body ul.blog-list {
    list-style-type: disc;
}

section.new-blog .container .blog-section .body ol.blog-list {
    list-style-type: decimal;
}

section.new-blog .container .blog-section .body .blog-list li {
    margin: 0 0 8px;
    padding-left: 4px;
}

section.new-blog .container .blog-section .body .code-snippt {
    margin: 0 0 18px;
    padding: 14px 16px;
    background: #f5f7fa;
    border-radius: 8px;
    overflow-x: auto;
}

section.new-blog .container .blog-section .body .code-snippt pre {
    margin: 0;
    white-space: pre-wrap;
    word-break: break-word;
}

section.new-blog .container .blog-section .body .code-snippt code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
    font-size: 13px;
    color: #1f2937;
}

section.new-blog .container .blog-section .body .full-content {
    margin: 18px 0 22px;
}

section.new-blog .container .summary-section{
    width: 36%;
    padding-left: 40px;
}

section.new-blog .container .summary-section-sticky {
    position: sticky;
    top: 100px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-height: calc(100vh - 120px);
    overflow-y: auto;
    padding-bottom: 8px;
    scrollbar-width: thin;
}

section.new-blog .container .summary-section .search-section{
    width: 100%;
}

section.new-blog .container .summary-section .search-container {
    width: 100%;
}

section.new-blog .container .summary-section .search-input {
    height: 44px;
    border-radius: 10px;
    border: 1px solid #d7dee8;
    background: #fff;
    font-size: 14px;
    padding-right: 44px;
}

section.new-blog .container .summary-section .search-input:focus {
    border-color: #2A7CED;
    box-shadow: 0 0 0 3px rgba(42, 124, 237, 0.12);
}

section.new-blog .container .summary-section .suggestions-dropdown {
    border-radius: 10px;
    border: 1px solid #e5eaf1;
    margin-top: 6px;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}

/*Search bar*/
.MuiFormControl-fullWidth{
    margin-top: 2.5rem !important;
}



section.new-blog .container .summary-section .search-section .border{
    display: flex;
    width: 100%;
    height: 50px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
    border-radius: 5px;
}
section.new-blog .container .summary-section .search-section .glass{
    width: 20%;
    height: 60px;
    opacity: 0.61;
    align-items: center;
    padding-bottom: 10px;
    padding-right: 10px;

}

section.new-blog .container .summary-section  .word{
    width: 80%;
    padding-top: 15px;
    padding-left: 20px;
    font: normal normal medium 60px Poppins;
    letter-spacing: 0px;
    color: #707070;
}

section.new-blog .container .summary-section .relatedtag-section{
    padding-top: 10px;
    width: 100%;
    height: 200px;
}

section.new-blog .container .summary-section .tag-topic{
    width: 100%;
    height: 31px;
    text-align: left;
    font: normal normal bold 20px Poppins;
    letter-spacing: 0px;
    color: #2E7EEB;
    opacity: 1;
}

section.new-blog .container .summary-section .relatedtag-section .tag-buttons{
    display: flex;
    flex-wrap: wrap;
    padding: 2px;
    justify-content: space-between;
}
section.new-blog .container .summary-section .relatedtag-section .tag-buttons::after{
    content: "";
    flex: auto;
}

section.new-blog .container .summary-section .onetag{
    border: 1px solid #707070;
    border-radius: 5px;
    page-break-inside: 10px;
    align-items: center;
}

section.new-blog .container .summary-section .tag-outside{
    padding-top: 10px;
    padding-right: 5px;
}

section.new-blog .container .summary-section .tagword{
    padding: 5px 10px;
    text-align: center;
    font: normal normal normal 16px Helvetica Neue;
    letter-spacing: 0px;
    color: #707070;
}

section.new-blog .container .summary-section .otherblog-section {
    padding-top: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

section.new-blog .container .summary-section .otherblog-topic{
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    height: 31px;
    text-align: left;
    font: 18px Poppins;
    font-weight: 600;
    letter-spacing: 0px;
    color: #2E7EEB;
    opacity: 1;
}

section.new-blog .container .summary-section .otherblog-body{
    padding-top: 20px;
    color: #003847;
}

section.new-blog .container .summary-section .otherblog-body .otherblog-unit{
    padding-bottom: 10px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #dee1e6;
    margin-top: 10px;
}

section.new-blog .container .summary-section .otherblog-body .other-blogimage img{
    height: 60px;
    width: 106px;
    border-radius: 10%;
}

section.new-blog .container .summary-section .otherblog-body .image-part{
    width: 35%;
    }


section.new-blog .container .summary-section .otherblog-body .discription-part{
    width: 65%;
    margin-left: 10px;
    font-weight: 500;
    text-transform:capitalize;
    font: normal normal 600 12px Poppins;
}

section.new-blog .container .summary-section .otherblog-body .bottum-part{
    height: 50px;
    text-align: justify;
    font: normal normal normal 15px/17px Helvetica Neue;
    letter-spacing: 0px;
    color: #707070;
    opacity: 1;
    padding-right: 10px;
}

section.new-blog .container .summary-section .otherblog-body .top-part{
    height: 50px;
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

section.new-blog .container .summary-section .otherblog-body .top-part p{
    margin-top: 0;
    margin-bottom: 0;
}

section.new-blog .container .summary-section .otherblog-body .bottum-part p{
    padding-top: 5px;
    margin-top: 0;
    margin-bottom: 0;
}

section.new-blog .full-content img{
    max-width: 100%;
    border-radius: 5px;
}

section.new-blog .full-content{
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Blog sidebar link cards */
section.new-blog .blog-card-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

section.new-blog .blog-section-bgbox {
    background: #fff;
    padding: 0;
    border-radius: 12px;
    border: 1px solid #e5eaf1;
    margin: 0;
    overflow: hidden;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

section.new-blog .blog-section-bgbox:hover {
    border-color: #b7cef8;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);
}

section.new-blog .blog-side-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    text-decoration: none;
    color: inherit;
}

section.new-blog .blog-side-card-image {
    width: 48px;
    height: 48px;
    object-fit: cover;
    margin-right: 0;
    border-radius: 8px;
    flex-shrink: 0;
    background: #f3f6fb;
}

section.new-blog .blog-side-card .card-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    padding-left: 0;
    flex: 1;
}

section.new-blog .blog-side-card .card-topic {
    font-size: 13px;
    font-weight: 600;
    color: #0f172a;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

section.new-blog .blog-side-card .card-description {
    font-size: 12px;
    color: #64748b;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

section.new-blog .blog-card-arrow {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    opacity: 0.7;
}

/* More to explore */
section.new-blog .sidebar-more-blogs {
    background: #fff;
    border: 1px solid #e5eaf1;
    border-radius: 12px;
    padding: 14px;
}

section.new-blog .sidebar-more-title {
    margin: 0 0 12px;
    font-size: 14px;
    font-weight: 600;
    color: #0f172a;
}

section.new-blog .sidebar-more-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

section.new-blog .sidebar-more-item {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: #0f172a;
    transition: color 0.2s ease;
}

section.new-blog .sidebar-more-item:hover {
    color: #2A7CED;
}

section.new-blog .sidebar-more-item img {
    width: 56px;
    height: 40px;
    object-fit: cover;
    border-radius: 6px;
    flex-shrink: 0;
    background: #f3f6fb;
}

section.new-blog .sidebar-more-item span {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Compact promo banner */
section.new-blog .blog-promo-banner {
    background: linear-gradient(180deg, #05164b 0%, #0a1f63 100%);
    border-radius: 16px;
    padding: 20px 16px 16px;
    color: #fff;
    text-align: center;
    overflow: hidden;
}

section.new-blog .blog-promo-title {
    margin: 0 0 12px;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 600;
    background: linear-gradient(180deg, #ffffff 20%, #a8b5d8 120%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

section.new-blog .blog-promo-image {
    width: 100%;
    max-width: 220px;
    height: auto;
    margin: 0 auto 14px;
    display: block;
}

section.new-blog .blog-promo-card {
    background: #fff;
    border-radius: 12px;
    padding: 14px 12px 12px;
}

section.new-blog .blog-promo-copy {
    margin: 0 0 12px;
    font-size: 14px;
    line-height: 1.45;
    color: #2f2f2f;
}

section.new-blog .blog-promo-copy strong {
    color: #1270f1;
    font-weight: 700;
}

section.new-blog .blog-promo-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 140px;
    height: 42px;
    padding: 0 18px;
    border-radius: 8px;
    background: #1270f1;
    color: #fff !important;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none !important;
    transition: background 0.2s ease, transform 0.2s ease;
}

section.new-blog .blog-promo-cta:hover {
    background: #0f5dca;
    transform: translateY(-1px);
}

@media only screen and (max-width: 800px) {
    section.new-blog .container .summary-section-sticky {
        position: static;
        max-height: none;
        overflow: visible;
    }
}

  .search-input input {
    width: 100%;
    padding: 8px 16px;
    border: none !important;
    border-radius: 20px;
    font-size: 16px;
    background-color: transparent;
    transition: border-color 0.3s ease;
    margin-top: 0 !important;
  }

  .search-input input:focus {
    outline: none;
    border: none !important;
    box-shadow: none !important;
  }
  .dpandname{
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    margin-top: -20px;
  }
 .writternbyandsocial {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: -20px;
    width: auto;
}
.seacrh-box-newest{
    margin-top: 0 !important;
}
.MuiOutlinedInput-root {
  fieldset {
    border: none !important; 
    width: 100% !important;
  }
}
.MuiOutlinedInput-root {
  width: 320px; 
  border: 1px solid #ccc; 
  border-radius: 8px;
  padding-right: 40px; 
  position: relative;
}
#search-autocomplete {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  margin-left: 4px !important;
}
.MuiOutlinedInput-root{
    padding-right: 18px !important;
}
.MuiOutlinedInput-root {
  padding: 3px 9px !important;
}
.search-container-blogs{
    margin-bottom: 0px;
    width: 100% !important;
}
.search-icon-case-study{
    margin-left: 21rem;
}
@media only screen and (max-width: 430px) {
.search-icon-case-study {
    margin-left: auto;
}
}