@font-face {
    font-family: 'Poppins';
    src: url("../fonts/Poppins-Light.ttf");
}

@font-face {
    font-family: 'Fontspring Regular';
    src: url("../fonts/Fontspring-DEMO-neometric-regular.otf");
}

@font-face {
    font-family: 'Fontspring Bold';
    src: url("../fonts/Fontspring-DEMO-neometric-bold.otf");
}

@font-face {
    font-family: 'Manrope Light';
    src: url("../fonts/manrope/Manrope-Light.ttf");
}

@font-face {
    font-family: 'Manrope Regular';
    src: url("../fonts/manrope/Manrope-Regular.ttf");
}

@font-face {
    font-family: 'Manrope Medium';
    src: url("../fonts/manrope/Manrope-Medium.ttf");
}

@font-face {
    font-family: 'Manrope SemiBold';
    src: url("../fonts/manrope/Manrope-SemiBold.ttf");
}

@font-face {
    font-family: 'Manrope Bold';
    src: url("../fonts/manrope/Manrope-Bold.ttf");
}

.text-light-one {
    color: #E8E8E6;
}

.text-midhaan-green {
    color: #35E0B4;
}

.w-fit-content {
    width: fit-content !important;
}

.bg-green {
    background: #35E0B4;
}

.text-manrope-bold {
    font-family: "Manrope Bold", sans-serif !important;
}

a,
a:hover {
    text-decoration: none !important;
}

.font-12 {
    font-size: 12px;
}

.font-14 {
    font-size: 14px;
}

.font-16 {
    font-size: 16px;
}

.font-18 {
    font-size: 18px !important;
}

.font-20 {
    font-size: 20px;
}

.font-42 {
    font-size: 42px !important;
}

.fw-300 {
    font-weight: 300;
}

.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600 !important;
}

.fw-700 {
    font-weight: 700 !important;
}

.fw-900 {
    font-weight: 900 !important;
}

.section-padding-lg {
    padding: 100px 0;
}

.section-padding-medium {
    padding: 70px 0;
}

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

.font-fontspring {
    font-family: "Fontspring Bold", sans-serif !important;
}

body {
    background: #ffffff;
    font-family: 'Manrope Regular', sans-serif;
    font-size: 16px;
    line-height: 26px;
    /* user-select: none; */
}

.bg-img {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.section-title {
    color: #000;
    font-family: "Fontspring Bold", sans-serif;
    font-size: 42px;
    font-style: normal;
    font-weight: 600;
    line-height: 58px
        /* 138.095% */
    ;
    text-transform: capitalize;
}

.title-para {
    color: #282828;
    text-align: center;
    font-family: "Manrope Regular", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.large-para {
    color: #282828;
    font-family: "Manrope Regular", sans-serif;
    font-size: 18px;
    font-style: normal;
    line-height: 32px;

}

.support-title-green {
    font-family: "Manrope Bold", sans-serif;
    font-size: 14px;
    color: #0AB287;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}


/* arrow button */
.arrow-btn-green {
    display: flex;
    align-items: center;
    transition: all .3s ease;
}

.arrow-btn-green span {
    font-family: "Manrope SemiBold", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
}

.arrow-btn-green:hover {
    color: #35e0b4;
    transition: all .3s ease;
}

.button-cta {
    overflow: hidden;
    background: #35e0b4;
    color: #ffffff;
    font-size: 24px;
    border-radius: 100%;
    padding: 0 0;
    position: relative;
    border: none;
    transition: all 0.3s ease;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button-cta.with-arrow {
    padding: 0 0;
    background-color: #35e0b4 !important;
}

.button-cta.with-arrow:after {
    content: url("../images/button-arrow-right-white.svg");
    position: absolute;
    transition: all 0.3s ease;
}

.arrow-btn-green:hover.arrow-btn-green.button-cta {
    width: 50px;
    height: 50px;
    background-color: #000000 !important;
}

.arrow-btn-green:hover .button-cta.with-arrow {
    width: 50px;
    height: 50px;
    background-color: #000000 !important;
}

.arrow-btn-green:hover .button-cta.with-arrow:after {
    animation: arrow-animation 0.3s ease;
}

@keyframes arrow-animation {
    0% {
        right: 25%;
    }

    50% {
        right: -25%;
    }

    51% {
        right: 100%;
    }

    100% {
        right: 25%;
    }
}

@keyframes ripple-animation {
    0% {
        width: 100%;
        height: 100%;
    }

    12% {
        width: 89%;
        height: 89%;
    }

    24% {
        width: 56%;
        height: 56%;
    }

    36% {
        width: 2%;
        height: 25%;
    }

    54% {
        width: 25px;
        height: 25px;
    }

    74% {
        width: 5px;
        height: 5px;
    }

    82% {
        width: 10px;
        height: 10px;
    }

    92% {
        width: 2px;
        height: 2px;
    }

    96% {
        width: 5px;
        height: 5px;
    }

    100% {
        width: 0;
        height: 0;
    }
}

/* arrow button */


.btn-black-block {
    padding: 11px 30px;
    background: #000000;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #000;
}

.btn-black-block svg {
    margin-left: 3px;
}














/* button style */
.btn-rollover::before {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 0;
    z-index: -1;
    content: "";
    border-radius: 3px;
    background: #35e0b4;
    -webkit-transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s;
}

.btn-rollover {
    border-radius: 3px;
}

.db-btn-border::before {
    border-radius: 3px;
    -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s;
    transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s;
}

.btn-rollover:hover {
    color: #ffffff;
    background-color: #000000;
    border: 1px solid #35e0b4;
    -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1) 0s;
    transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1) 0s;
}

.btn-rollover:hover::before {
    left: 0%;
    right: auto;
    width: 100%;
}

.btn-rollover {
    text-transform: capitalize;
    display: inline-block;
    font-family: "Manrope SemiBold", sans-serif;
    font-size: 16px;
    line-height: normal;
    background-color: #000000 !important;
    background: #000000;
    color: #ffffff;
    padding: 12px 30px;
    border: 1px solid #000000;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}




.btn-rollover-white::before {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 0;
    z-index: -1;
    content: "";
    border-radius: 3px;
    background: #35e0b4;
    -webkit-transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s;
}

.btn-rollover-white {
    border-radius: 3px;
}

.btn-rollover-white:hover {
    color: #000000;
    background-color: #000000;
    border: 1px solid #35e0b4;
    -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1) 0s;
    transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1) 0s;
}

.btn-rollover-white:hover::before {
    left: 0%;
    right: auto;
    width: 100%;
}

.btn-rollover-white {
    text-transform: capitalize;
    display: inline-block;
    font-family: "Manrope SemiBold", sans-serif;
    font-size: 16px;
    line-height: normal;
    background: #ffffff;
    color: #000000;
    padding: 12px 30px;
    border: 1px solid #000000;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}



/* button style end */




/* animations */
.gelatine {
    -webkit-animation: gelatine 0.5s infinite;
    animation: gelatine 0.5s infinite;
}

@-webkit-keyframes gelatine {

    from,
    to {
        transform: scale(1, 1);
    }

    25% {
        transform: scale(0.9, 1.1);
    }

    50% {
        transform: scale(1.1, 0.9);
    }

    75% {
        transform: scale(0.95, 1.05);
    }
}

@keyframes gelatine {

    from,
    to {
        transform: scale(1, 1);
    }

    25% {
        transform: scale(0.9, 1.1);
    }

    50% {
        transform: scale(1.1, 0.9);
    }

    75% {
        transform: scale(0.95, 1.05);
    }
}

.hithere {
    -webkit-animation: hithere 1s ease infinite;
    animation: hithere 1s ease infinite;
}

@-webkit-keyframes hithere {
    30% {
        transform: scale(1.2);
    }

    40%,
    60% {
        transform: rotate(-20deg) scale(1.2);
    }

    50% {
        transform: rotate(20deg) scale(1.2);
    }

    70% {
        transform: rotate(0deg) scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes hithere {
    30% {
        transform: scale(1.2);
    }

    40%,
    60% {
        transform: rotate(-20deg) scale(1.2);
    }

    50% {
        transform: rotate(20deg) scale(1.2);
    }

    70% {
        transform: rotate(0deg) scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}


.bounce_one {
    -webkit-animation: bounce_one 2s ease infinite;
    animation: bounce_one 2s ease infinite;
}

@-webkit-keyframes bounce_one {
    70% {
        transform: translateY(0%);
    }

    80% {
        transform: translateY(-15%);
    }

    90% {
        transform: translateY(0%);
    }

    95% {
        transform: translateY(-7%);
    }

    97% {
        transform: translateY(0%);
    }

    99% {
        transform: translateY(-3%);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes bounce_one {
    70% {
        transform: translateY(0%);
    }

    80% {
        transform: translateY(-15%);
    }

    90% {
        transform: translateY(0%);
    }

    95% {
        transform: translateY(-7%);
    }

    97% {
        transform: translateY(0%);
    }

    99% {
        transform: translateY(-3%);
    }

    100% {
        transform: translateY(0);
    }
}


.wobble {
    -webkit-animation: wobble 2s ease infinite;
    animation: wobble 2s ease infinite;
}

@-webkit-keyframes wobble {
    0% {
        transform: translateX(0%);
    }

    15% {
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        transform: translateX(0%);
    }
}

@keyframes wobble {
    0% {
        transform: translateX(0%);
    }

    15% {
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        transform: translateX(0%);
    }
}


.elastic-spin {
    -webkit-animation: elastic-spin 1s infinite ease;
    animation: elastic-spin 1s infinite ease;
}

@-webkit-keyframes elastic-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(720deg);
    }
}

@keyframes elastic-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(720deg);
    }
}


.rotate {
    animation: rotate-animation 10s infinite linear;
}

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

    50% {
        transform: rotate(180deg);
    }

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

/* animations end */







/* main banner section */
.section-main-banner {
    min-height: calc(100vh - 90px);
    max-height: calc(100vh - 90px);
    overflow: hidden;
    display: flex;
    /* align-items: center; */
    /* padding-top: 200px; */

    padding: 0 16px 0 16px;
}

.main-banner-h1 {
    color: #000;
    font-family: "Fontspring Bold", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 56px
        /* 138.095% */
    ;
    text-transform: capitalize;
}

.homepage>.main-banner-h1 {
    color: #000;
    font-family: "Fontspring Bold", sans-serif;
    /* font-size: 42px; */
    font-size: 60px;
    font-style: normal;
    font-weight: 600;
    /* line-height: 58px; */
    line-height: 72px;
    text-transform: capitalize;
}

.main-banner-h1>span {
    color: #1b9778;
    font-weight: bold;
}

.main-banner-support-text {
    color: #282828;
    font-family: "Manrope Regular", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
}

.main-banner-img {
    /*clip-path: circle(50%);*/
    border: 23px solid #E8F8F7;
    border-radius: 100%;
}

.img-icon-col {
    width: 120px;
    height: 120px;
    border-radius: 100%;
    background: #35e0b4;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 60px;
    bottom: -15px;
    animation: animateRotate 6s linear infinite;
}

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

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

.banner-shape-01 {
    position: absolute;
    left: -25px;
    top: 50px;
    display: block;
    width: auto;
}

.main-banner-img-col {
    width: fit-content;
    margin: 0 auto;
}

.bounce-01 {
    animation: bounce 6s infinite;
    -webkit-animation: bounce 6s infinite;
    -moz-animation: bounce 6s infinite;
    -o-animation: bounce 6s infinite;
}

@-webkit-keyframes bounce {

    /*0%, 100% {-webkit-transform: translateY(0);}*/
    0%,
    100% {
        -webkit-transform: translateY(-25px);
    }

}

.jump {
    animation: jump 4s infinite;
}

@keyframes jump {
    0% {
        top: 0;
    }

    50% {
        top: 50px;
    }

    100% {
        top: 0;
    }
}


/* main banner section end */


/* scroll infinite css */
.scroller {
    max-width: 100%;
}

.scroller__inner {
    padding-block: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.scroller[data-animated="true"] {
    overflow: hidden;
    -webkit-mask: linear-gradient(90deg,
            transparent,
            white 20%,
            white 80%,
            transparent);
    mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
}

.scroller[data-animated="true"] .scroller__inner {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    flex-wrap: nowrap;
    -webkit-animation: scroll var(--_animation-duration, 40s) var(--_animation-direction, forwards) linear infinite;
    animation: scroll var(--_animation-duration, 40s) var(--_animation-direction, forwards) linear infinite;
}

.scroller[data-direction="right"] {
    --_animation-direction: reverse;
}

.scroller[data-direction="left"] {
    --_animation-direction: forwards;
}

.scroller[data-speed="fast"] {
    --_animation-duration: 20s;
}

.scroller[data-speed="slow"] {
    --_animation-duration: 60s;
}

@-webkit-keyframes scroll {
    to {
        transform: translate(calc(-50% - 0.5rem));
    }
}

@keyframes scroll {
    to {
        transform: translate(calc(-50% - 0.5rem));
    }
}

.tag-list {
    margin: 0;
    padding-inline: 0;
    list-style: none;
}

.tag-list li {
    font-size: 20px;
    font-family: "Fontspring Bold", sans-serif;
    padding-left: 50px;
    color: #000000;
    display: flex;
    align-items: center;
}

/* scroll infinite css end */



/* section why midhaan */
.why-midhaan-wrapper {
    margin-bottom: 40px;
}

.why-icon-col {
    margin-bottom: 7px;
}

.why-icon-col svg {}

.why-content-col {}

.why-content-col h1 {
    font-family: "Fontspring Bold", sans-serif;
    color: #000000;
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 32px
        /* 160% */
    ;
}

.why-content-col p {
    color: #282828;
    font-family: "Manrope Regular", sans-serif;
    font-size: 14px;
    font-style: normal;
    line-height: 28px;
}

/* section why midhaan end */



/* industries section */
.section-industries {
    padding-bottom: 0;
}

.section-industries:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 87%;
    background-image: url("../images/black-bg-01.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 30px;
    z-index: -1;
}

.blob {
    filter: blur(40px);
    position: absolute;
    z-index: -1;
    top: 0;
    opacity: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgb(255, 255, 255, 0.5);
    transition: all 300ms ease-in-out;
}

.fakeblob {
    display: hidden;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.i-card {
    overflow: hidden;
    padding: 2px;
    margin: 0 0 24px 0;
    background: rgb(128 128 128 / 0.2);
    border-radius: 10px;
    position: relative;
    transition: all 300ms ease-in-out;
}

.i-card .inner {
    border-radius: 7px;
    padding: 30px 30px;
    width: 100%;
    height: auto;
    background: #191919;
    backdrop-filter: blur(80px);
    transition: all 300ms ease-in-out;
}

.i-icon-col {
    background: #35E0B4;
    padding: 12px 15px 15px 15px;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 15px;
}

.i-icon-col svg {}

.i-card .inner h1 {
    color: #FFF;
    font-family: "Fontspring Bold", sans-serif;
    font-size: 20px;
    font-style: normal;
    line-height: 30px
        /* 150% */
    ;
    text-transform: capitalize;
}

.i-card .inner p {
    color: rgba(255, 255, 255, 0.75);
    font-family: "Manrope Regular", sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: 28px;
}

.i-card:hover>.inner {
    background: rgb(26, 26, 26, 0.6);
    backdrop-filter: blur(80px);
}

/* industries section end */


/* section feature */
.feature-col {
    border-radius: 30px;
    padding: 80px 60px;
    margin-top: 60px;
}

.feature-col h1 {
    font-family: "Fontspring Bold", sans-serif;
    font-size: 36px;
    font-style: normal;
    line-height: 48px;
    text-transform: capitalize;
}

.feature-col h2 {
    font-family: "Fontspring Bold", sans-serif;
    font-size: 36px;
    font-style: normal;
    line-height: 48px;
    text-transform: capitalize;
}

.feature-col .count-wrap .plus-text {
    font-family: "Manrope Bold", sans-serif;
    font-size: 36px;
    font-style: normal;
    line-height: 32px
        /* 88.889% */
    ;
}

.feature-col p {
    color: #000000;
    font-family: "Manrope Regular", sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: 32px;
}

/* section feature end */



/* section clinets */
.section-clients {
    padding: 80px 0;
}

.section-clients:before {
    content: '';
    width: 90%;
    height: 100%;
    display: block;
    background-image: url('../images/clients-bg.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    left: 0;
    position: absolute;
    top: 0;
    z-index: -1;
}

/* Slider */
/*.slick-slide {
    margin: 0px 20px;
}
.slick-slide img {
    width: auto;
    margin: 0 auto;
}*/
.logos-slider {
    padding: 0 40px;
}

/*
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
} */
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/* section clinets end */


/* section about */

.about-section-shape-01 {
    content: '';
    position: absolute;
    left: -12%;
    top: 45%;
    width: 400px;
    height: auto;
    z-index: 1;
    display: block;
    opacity: 30%;
}

.about-section-shape-02 {
    content: '';
    position: absolute;
    right: -12%;
    top: 10px;
    width: 615px;
    height: auto;
    z-index: 1;
    display: block;
    opacity: 30%;
}

.card {
    position: relative;
    height: auto;
    width: auto;
    padding: 0;
    transform-style: preserve-3d;
}

.about-shape-01 {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    display: block;
    width: auto;
    height: auto;
    z-index: -1;
}

.about-shape-02 {
    content: '';
    position: absolute;
    right: 70px;
    bottom: 30px;
    display: block;
    width: auto;
    height: auto;
    z-index: -1;
}

.home-about-text {
    display: block;
    width: 100%;
    padding-right: 100px;
}

/* section about end */



/* section testimonial */
/*.testimonial {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #3d5a80;
    color: #3d5a80;
}*/
.testimonial-slide {
    padding: 40px 20px;
}

.testimonial_box-top {
    border-radius: 10px;
    border: 0.5px solid #E4E4E4;
    background: #FFF;
    padding: 30px 30px 40px 30px;
    display: flex;
    justify-content: center;
    /*align-items: center;*/
    flex-direction: column;
}

.testimonial_box-icon {
    padding: 10px 0;
}

.testimonial_box-icon i {
    font-size: 25px;
    color: #35e0b4;
}

.testimonial_box-text {
    padding: 10px 0;
}

.testimonial_box-text p {

    margin-bottom: 20px;

    color: #282828;
    font-family: "Manrope Regular", sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: 30px;
}

.testimonial_box-img {
    padding: 0 15px 0 0;
    display: flex;
    justify-content: center;
}

.testimonial_box-img img {
    width: 70px;
    height: 70px;
    border-radius: 50px;
    border: 5px solid #ffffff;
    filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.10));
}

.testimonial-bottom-col {
    display: flex;
    align-items: center;
}

.testimonial_box-name h4 {
    margin-bottom: 5px;
    color: #202020;
    font-family: "Fontspring Bold", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
}

.testimonial_box-name p {
    margin-bottom: 0;
    color: #202020;
    font-family: "Manrope Regular", sans-serif;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
}

/* section testimonial end */



/* section enquiry */
@keyframes upward-motion {
    0% {
        transform: initial;
    }

    50% {
        transform: translateY(-20px);
    }

    100% {
        transform: initial;
    }
}

@keyframes down-motion {
    0% {
        transform: initial;
    }

    50% {
        transform: translateY(20px);
    }

    100% {
        transform: initial;
    }
}

@keyframes upward-motion-2 {
    0% {
        transform: translateY(40px);
    }

    50% {
        transform: translateY(-60px);
    }

    100% {
        transform: translateY(40px);
    }
}

.paper {
    animation: upward-motion-2 2s infinite;
}

.chat-2,
.at-sign,
.location-pointer {
    animation: upward-motion 2s infinite;
}

.chat-1,
.chat-3,
.paper-plane {
    animation: down-motion 2s infinite;
}

form.enquiry-main-form {
    padding-left: 80px;
}

/*.section-enquiry:before
{
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 90%;
    height: 100%;
    background: #35e0b4;
}*/
.enquiry-main-col {}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.enquiry-main-col .form-group {
    display: block;
    margin-bottom: 20px;
}

.enquiry-main-form .form-control {
    height: 50px;
    border-radius: 0;
    background: transparent;
    border: 1px solid #d9d9d9;
    font-size: 15px;
    color: #000;
    transition: all .3s;
}

.enquiry-main-form .form-control:focus {
    outline: none !important;
    border: 1px solid #35e0b4;
    box-shadow: none !important;
    transition: all .3s;
}

/* section enquiry end */



/* footer */
.footer {
    /* padding: 40px 0 0 0; */
    padding: 200px 0 0 0;
}

.footer-top {
    padding-bottom: 40px;
}

.footer-middle {
    padding: 40px 0 50px 0;
    border-top: 1px solid #353333;
}

.footer-bottom {
    padding: 30px 0;
    background: #121212;
}

.logo-footer {
    min-width: 245px;
    max-width: 245px;
    height: auto;
}

.footer-para {
    color: #BBB;
    font-family: "Manrope Regular", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.footer-title {
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    line-height: 30px
        /* 150% */
    ;
    margin-bottom: 23px;
    font-family: 'Fontspring Bold', sans-serif;
}

.footer-social-link {
    padding-left: 0;
    margin: 0;
}

.footer-social-link li {
    list-style: none;
    display: inline-block;
    margin-left: 15px;
}

.footer-social-link li a {
    font-size: 22px;
    color: #ffffff;
    text-decoration: none;
}

.footer-social-link li:hover .footer-social-link li>a>svg>path {
    fill: #35e0b4 !important;
}

.footer-social-link li>a>svg>path {
    fill: #BBBBBB !important;
}

.footer-link-ul {
    list-style: none;
    display: block;
    padding-left: 0;
}

.footer-link-ul li {
    list-style: none;
    display: block;
    margin-bottom: 5px;
    font-family: 'Manrope Medium', sans-serif;
    font-size: 14px;
}

.footer-link-ul li a {
    font-size: 14px;
    color: #E8E8E6;
    text-decoration: none;
    display: inline-block;
    font-family: 'Manrope Medium', sans-serif;
    transition: all .3s;
    padding: 3px 0;
}

.footer-link-ul li a:hover {
    color: #35e0b4;
    text-decoration: none;
    transition: all .3s;
}

.footer-bottom-ul {
    padding-left: 0;
    text-align: right;
}

.footer-bottom-ul li {
    list-style: none;
    display: inline-block;
}

.footer-bottom-ul li a {
    font-family: "Manrope Regular", sans-serif;
    font-size: 14px;
    color: #E8E8E6;
    transition: all .3s;
}

.footer-bottom-ul li a:hover {
    color: #35e0b4;
    transition: all .3s;
}

.footer-contact-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.footer-contact-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 12px;
    background: #292E36;
    border-radius: 5px;
    min-width: 55px;
    height: 55px;
}

.footer-contact-text {
    padding-left: 15px;
}

.footer-contact-text a {
    font-family: "Manrope Regular", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    color: #BBBBBB;
    text-decoration: none;
    line-height: 30px
        /* 166.667% */
    ;
    transition: all .3s;
}

.footer-contact-text a:hover {
    color: #35E0B4;
    transition: all .3s;
}

/* footer end */




/* back to top */
.progress-wrap {
    position: fixed;
    right: 30px;
    bottom: 30px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.progress-wrap::after {
    position: absolute;
    font-family: 'unicons';
    content: '\e84b';
    text-align: center;
    line-height: 46px;
    font-size: 24px;
    color: #35e0b4;
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 1;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.progress-wrap:hover::after {
    opacity: 0;
}

.progress-wrap::before {
    position: absolute;
    font-family: 'unicons';
    content: '\e84b';
    text-align: center;
    line-height: 46px;
    font-size: 24px;
    opacity: 0;
    background: black;
    /* --- Pijl hover kleur --- */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 2;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.progress-wrap:hover::before {
    opacity: 1;
}

.progress-wrap svg path {
    fill: none;
}

.progress-wrap svg.progress-circle path {
    stroke: #35e0b4;
    /* --- Lijn progres kleur --- */
    stroke-width: 4;
    box-sizing: border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

/* back to top end */



/* section blog */
.blog-wrapper {
    transition: all 0.3s ease-in-out;
    margin-bottom: 30px;
    padding: 30px;
    background: #e4fdf7;
    border-radius: 15px;
}
.blog-wrapper:hover .blog-img-col
{
    transform: scale(1.02);
}
.blog-img-col {
    min-height: 300px;
    max-height: 300px;
    border-radius: 15px;
    /*transition: all 0.3s ease-in-out;*/
    transform: scale(1);
}
.blog-img-col:hover
{
    /*background-size: 110%;*/
    /*transition: all 0.3s ease-in-out;*/
    transform: scale(1.02);
}
.bg-img
{
    transition: all 0.3s ease-in-out;
}
.blog-content-col {}

.blog-content-col h4 {
    color: #00AE81;
    font-family: "Manrope Regular", sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: 28px;
    font-weight: normal;
}

.blog-content-col h1 {
    color: #000;
    font-family: "Fontspring Bold", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    -webkit-line-clamp: 2; /* number of lines to show */
    line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.blog-content-col h1 a {
    text-decoration: none;
    color: #000;
    transition: all .3s;
}

.blog-content-col h1 a:hover {
    text-decoration: none;
    color: #00AE81;
    transition: all .3s;
}
.blog-single-img
{
    min-height: 450px;
    max-height: 450px;
    border-radius: 15px;
    width: 100%;
}
.blog-single-title {
    color: #000;
    font-family: "Fontspring Bold", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
}
.blog-date
{
    color: #00AE81;
    font-family: "Manrope Regular", sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: 28px;
    font-weight: normal;
}
.blog-single-wrapper p
{
    color: #282828;
    font-family: "Manrope Regular", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 10px;
}
.recent-blog-content-col h1
{
    font-size: 16px;
    line-height: 24px;
    color: #000;
    font-family: "Fontspring Bold", sans-serif;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: 6px;
    transition: all .3s;
}
.recent-blog-content-col h1 a:hover
{
    color: #00AE81;
    transition: all .3s;
}
.recent-img {
    width: 120px;
    height: 80px;
    border-radius: 10px;
    margin-right: 15px;
}
.recent-blog-wrapper {
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    margin-bottom: 20px;
}
.recent-blog-wrapper h4
{
    line-height: 24px;
    color: #00AE81;
    font-family: "Manrope Regular", sans-serif;
    font-size: 12px;
    font-weight: 400;
}
.blog-single-content-wrapper
{
    padding-right: 60px;
}

/* section blog end */



/* button style two */
.learn-more {
    position: relative;
    display: inline-block;
    cursor: pointer;
    outline: none;
    border: 0;
    vertical-align: middle;
    text-decoration: none;
    background-color: transparent !important;
    padding: 0;
    font-family: "Manrope SemiBold", sans-serif;
    font-size: 16px;
    line-height: normal;
    width: 170px;
    height: auto;
}

.learn-more .circle {
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    position: relative;
    display: block;
    margin: 0;
    width: 45px;
    height: 45px;
    background: #35e0b4;
    border-radius: 1.625rem;
}

.learn-more .circle .icon {
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #fff;
}

.learn-more .circle .icon.arrow {
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    left: 0.625rem;
    width: 1.125rem;
    height: 0.125rem;
    background: none;
}

.learn-more .circle .icon.arrow::before {
    position: absolute;
    content: "";
    top: -0.25rem;
    right: 0.0625rem;
    width: 0.625rem;
    height: 0.625rem;
    border-top: 0.125rem solid #fff;
    border-right: 0.125rem solid #fff;
    transform: rotate(45deg);
}

.learn-more .button-text {
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0.75rem 0;
    margin: 0 0 0 20px;
    color: #000000;
    line-height: 22px;
    text-align: center;
    text-transform: capitalize;
}

.learn-more:hover .circle {
    width: 100%;
}

.learn-more:hover .circle .icon.arrow {
    background: #fff;
    transform: translate(1rem, 0);
}

.learn-more:hover .button-text {
    color: #fff;
}

/* button style two end */

/* styles-------------------------------------------------- */


/* about us page -------- */

.page-main-banner {
    min-height: 460px;
    max-height: 460px;
    /* max-height: 50vh; */
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.banner-heads {
    text-align: start;
}

.page-main-banner a {
    color: #35E0B4;
    text-decoration: none;
}

.body-small-para {
    color: #282828;
    font-family: "Manrope Regular", sans-serif;
    font-size: 14px;
    font-style: normal;
    line-height: 28px;
}

.about-us-card {
    border-radius: 10px;
    border: 0.5px solid #939393;
    background: #FFF;
    padding: 24px;
    display: flex;
    align-items: center;
    transition: 0.3s ease-in-out;
}

.about-us-card:hover {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    transform: translateY(-5px);
}

.about-us-card:hover>.about-card-icon {
    background-color: #35E0B4;
}

.about-card-icon {
    background-color: #282828;
    width: 71px;
    height: 71px;
    margin-right: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    flex-shrink: 0;
    transition: 0.3s ease-in-out;
}

.card-heading-m {
    font-family: "Manrope Regular", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
}

.grid-main-box {
    height: 529px;
}

.grid-image {
    width: 255px;
    height: 313px;
    object-fit: cover;
}

.grid-box {
    color: #FFF;
    text-align: center;
    font-family: "Manrope Regular", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    flex-shrink: 0;
    border-radius: 20px;
    width: 255px;
    height: 147px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.grid-box span {
    font-size: 50px;
    font-weight: 900;
}

.team-card {
    padding: 16px;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 2px 11.7px 0px rgba(0, 0, 0, 0.04);
}

.team-card img {
    object-fit: cover;
    height: 294px;
    border-radius: 20px 20px 40px 20px;
}

.member-name {
    color: #000;
    font-family: "Fontspring Bold", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 33.1px
        /* 165.5% */
    ;
    text-transform: capitalize;
}

.member-position {
    color: #5C5C5C;
    font-family: "Manrope Regular", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.68px;
    text-transform: uppercase;
}

.dots-about {
    position: absolute;
    bottom: -74px;
    z-index: -1;
    left: -49px;
}

.dots-team {
    position: absolute;
    top: 60px;
    right: 70px;
    z-index: -1;
}

.circle-team {
    position: absolute;
    z-index: -1;
    top: 123px;
    left: -220px;
    width: 420px;
}

/* contact us page */

.address-box {
    background-color: #000;
    padding: 52px;
    color: #fff;
    border-radius: 10px;
    height: 765px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.color-white {
    color: #fff !important;
}

.contact-title {
    color: #000;
    font-family: "Fontspring Bold", sans-serif;
    font-size: 31px;
    font-style: normal;
    font-weight: 600;
    line-height: 50px
        /* 138.095% */
    ;
    text-transform: capitalize;
}

/* solutions page */
.heading-medium {
    font-family: "Fontspring Bold", sans-serif;
    font-size: 31px;
    font-style: normal;
    font-weight: 600;
    line-height: 50px
        /* 138.095% */
    ;
    text-transform: capitalize;
}

.ai-box {
    background-image: url("../images/black-bg-01.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 20px;
    padding: 50px;
    min-height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ai-image {
    border-radius: 20px;
    width: 100%;
    height: 500px;
    object-fit: cover;
}

.simplify-box {
    padding: 24px;
    /* border: .5px solid rgb(90, 90, 90); */
    position: relative;
    height: 350px;
    display: flex;
    align-items: flex-end;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 20px;
    overflow: auto;
    transition: all 0.3s ease-in-out;
    /* background-size: 100%; */

}

.simplify-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.66;
}

.simplify-box .card-heading-m {
    letter-spacing: 0.6px;
}

.simplify-box:hover {
    /* background-size: 120%; */
    transform: translateY(-10px);
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.3);
}

/* distributor page */
.distributor-parallax {
    background: url('../images/distributor-img.jpg') center/cover no-repeat fixed;
    /* height: 500px; */
    width: 100%;
    position: relative;
}

.distributor-parallax::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.66;
}

.distributor-cards {
    padding: 24px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 2px 11.7px 0px rgba(0, 0, 0, 0.04);
    margin-bottom: 25px;
    transition: 0.3s ease-in-out;
}

.distributor-icons {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #000000;
    transition: 0.3s ease-in-out;
}

.distributor-cards:hover {
    transform: translateY(-5px);
    /* background: black; */
    /* color: #fff !important; */
}

.distributor-cards:hover .distributor-icons {
    background: #35E0B4;
}

.field-box {
    border: 3px solid #35e0b4;
    border-radius: 10px;
    padding: 24px;
    background: #FFF;
    margin-bottom: 25px;
    transition: 0.3s ease-in-out;
}

.field-box:hover {
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.3);
    transform: translateY(-5px);
    /* background-color: #000;
    color: #fff !important; */
}

.field-icon {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 2px solid #35E0B4;
    /* background: #282828; */
    transition: 0.3s ease-in-out;
}

.side-box {
    text-align: center;
    font-family: "Manrope Regular", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 2px;
    text-transform: uppercase;
    flex-shrink: 0;
    border-radius: 50%;
    width: 160px;
    height: 160px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    background: white;
    top: 30px;
    right: 20px;
}

.side-box span {
    font-size: 50px;
    font-weight: 900;
    color: #35E0B4;
}

.field-step-box {
    /* padding: 24px; */
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 2px 11.7px 0px rgba(0, 0, 0, 0.04);
    margin-bottom: 25px;
    transition: 0.3s ease-in-out;
    display: flex;
    overflow: auto;
}

.field-step-box:hover {
    transform: translateY(-5px);
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.3);
}

.field-step-box>.field-stepno {
    font-family: "Fontspring Bold", sans-serif;
    font-size: 50px;
    font-weight: 900;
    color: #fff;
    background: #35E0B4;
    padding: 35px 12px 12px 12px;
    border: 1px solid #35E0B4;
}

.field-step-box>.field-content-box {
    border: 1px solid #35E0B4;
    padding: 24px;
    border-radius: 0 10px 10px 0;
    width: 100%;
}

.van-pointbox {
    padding: 24px;
    background-color: #fff;
    border: 1px dashed #8a5938;
}

.van-feature-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 312px;
    padding: 24px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 2px 11.7px 0px rgba(0, 0, 0, 0.04);
    margin-bottom: 30px;
    transition: 0.3s ease-in-out;
    border-bottom: 5px solid #35E0B4;
}

.van-feature-card:hover {
    transform: translateY(-5px);
    /* background-color: #35E0B4; */
}

.van-stepno {
    font-family: "Manrope Regular", sans-serif;
    font-size: 30px;
    font-weight: 900;
    color: #35E0B4;
}

.task-card {
    padding: 47px 24px 24px 24px;
    background-color: #fff;
    border-radius: 10px;
    /* border: 0.5px solid #35E0B4; */
    position: relative;
    transition: 0.3s ease-in-out;
    box-shadow: 10px 10px 2px 0px rgb(0 0 0 / 9%);
    min-height: 332px;
}

.task-card:hover {
    transform: translateY(-5px);
    /* box-shadow: 0px 0px 2px 10px rgb(0 0 0 / 9%); */
}

.task-card:hover>.task-card-icon {
    background-color: #35E0B4;
}

.task-card-icon {
    background-color: #282828;
    width: 61px;
    height: 61px;
    margin-right: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    top: -31px;
    left: 24px;
    flex-shrink: 0;
    transition: 0.3s ease-in-out;
}

.task-side-part {

    /* border-radius: 0px 20px 20px 0px; */
    padding: 42px;
    background-size: cover;
    /* background-color: #000; */
    min-height: 530px;
}

.task-features {
    /* background-image: url('../images/black-bg-01.jpg'); */
    border-radius: 20px;
    background-color: #000;
    overflow: auto;
}

.task-features .task-feature-image {
    width: 100%;
    min-height: 617px;
    object-fit: cover;
}

/* industries page */
.industry-card {
    width: 100%;
    height: 312px;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    margin-bottom: 25px;
    transition: all 0.6s cubic-bezier(0.23, 1, 0.320, 1);
}

.industry-card .img-content {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background: linear-gradient(-45deg, #f89b29 0%, #ff0f7b 100% ); */
    background: linear-gradient(180deg, #35E0B4, #0F7760, #000);
    /* background: radial-gradient(circle, #35E0B4 20%, #003D32 60%, #000); */
    /* background: linear-gradient(to right, #35E0B4, #1A5245, #000); */
    transition: scale 0.6s, rotate 0.6s, filter 1s;
}

/* .industry-card .img-content svg {
    width: 50px;
    height: 50px;
    fill: #e8e8e8;
    transition: all 0.6s cubic-bezier(0.23, 1, 0.320, 1);
  } */

.industry-card h1 {
    letter-spacing: 0.8px;
}

.industry-card .content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 10px;
    color: #e8e8e8;
    padding: 20px;
    line-height: 1.5;
    border-radius: 5px;
    opacity: 0;
    pointer-events: none;
    transform: translateY(50px);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.320, 1);
}

/* .industry-card .content .heading {
    font-size: 32px;
    font-weight: 700;
  } */

.industry-card:hover .content {
    opacity: 1;
    transform: translateY(0);
}

.industry-card:hover {
    transform: translateY(-10px);
}

.industry-card:hover .img-content {
    scale: 2.5;
    rotate: 30deg;
    filter: blur(7px);
}

.industry-card:hover .img-content svg {
    fill: transparent;
    opacity: 0.3;
}

.industry-card:hover .img-content h1 {
    fill: transparent;
    opacity: 0.3;
}

/* emak page */
.emak-dms-parallax {
    background: url('../images/emak-sub-banner.jpg') center/cover no-repeat fixed;
    /* height: 500px; */
    width: 100%;
    position: relative;
}

.emak-dms-parallax::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.66;
}

.emak-dms-card {
    display: flex;
    flex-direction: column;
    isolation: isolate;
    position: relative;
    /* width: 18rem; */
    /* height: 8rem; */
    background: #29292c;
    border-radius: 1rem;
    overflow: hidden;
    /* font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; */
    /* font-size: 16px; */
    --gradient: linear-gradient(to bottom, #35E0B4, #238C73, #0F4435);
    --color: #35E0B4;
    /* box-shadow: 8px 8px 0px #ffffff7a; */
    margin-bottom: 25px;
    transition: all 300ms ease;
}

.emak-dms-card:hover {
    transform: scale(1.05);
}

.emak-dms-card:before {
    position: absolute;
    content: "";
    inset: 0.0625rem;
    border-radius: 0.9375rem;
    background: #0e0e0e;
    z-index: 2
}

.emak-dms-card:after {
    position: absolute;
    content: "";
    width: 0.25rem;
    inset: 0.65rem auto 0.65rem 0.5rem;
    border-radius: 0.125rem;
    background: var(--gradient);
    transition: transform 300ms ease;
    z-index: 4;
}

.emak-dms-card:hover:after {
    transform: translateX(0.15rem)
}

.notititle {
    color: var(--color);
    padding: 24px 24px 9px 37px;
    transition: transform 300ms ease;
    z-index: 5;
}

.emak-dms-card:hover .notititle {
    transform: translateX(0.15rem)
}

.notibody {
    color: #99999d;
    padding: 0 24px 24px 37px;
    transition: transform 300ms ease;
    z-index: 5;
}

.emak-dms-card:hover .notibody {
    transform: translateX(0.25rem)
}

.notiglow,
.notiborderglow {
    position: absolute;
    width: 20rem;
    height: 20rem;
    transform: translate(-50%, -50%);
    background: radial-gradient(circle closest-side at center, white, transparent);
    opacity: 0;
    transition: opacity 300ms ease;
}

.notiglow {
    z-index: 3;
}

.notiborderglow {
    z-index: 1;
}

.emak-dms-card:hover .notiglow {
    opacity: 0.1
}

.emak-dms-card:hover .notiborderglow {
    opacity: 0.1
}

.note {
    color: var(--color);
    position: fixed;
    top: 80%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    font-size: 0.9rem;
    width: 75%;
}

/* emak step */
.timeline__cover .timeline__title {
    max-width: 840px;
    margin: 0 auto;
    text-align: center;
    padding: 0 16px;
}

.timeline__cover .timeline__title h2 {
    font-size: 48px;
    font-weight: 600;
    line-height: 56px;
    letter-spacing: -0.5px;
    text-transform: capitalize;
    margin-bottom: 16px;
}

.timeline__cover .timeline__title p {
    font-size: 18px;
    font-weight: 400;
    line-height: 28.8px;
    color: #959595;
}

.timeline__cover .timeline {
    padding-top: 64px;
}

.timeline__cover .timeline ul {
    padding-top: 100px;
}

.timeline__cover .timeline ul li {
    background: #9a9a9a;
    position: relative;
    margin: 0 auto;
    width: 2px;
    margin-bottom: 48px;
    list-style-type: none;
}

.timeline__cover .timeline ul li:last-child {
    padding-bottom: 7px;
    width: 0;
    height: 0;
}

.timeline__cover .timeline ul li:before {
    content: '';
    background: #35E0B4;
    position: absolute;
    left: 50%;
    top: -32px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 16px;
    height: 16px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.timeline__cover .timeline ul li .hidden {
    opacity: 0;
}

.timeline__cover .timeline ul li .content {
    position: relative;
    top: -100px;
    width: 289px;
}

.timeline__cover .timeline ul li .content .badge {
    /* font-size: 12px;
    line-height: 16px; */
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
    padding: 6px 12px;
    background: #35E0B4;
    border-radius: 1000px;
}

.timeline__cover .timeline ul li .content h3 {
    /* font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    color: #ffffff; */
    margin: 16px 0 8px;
}

.timeline__cover .timeline ul li .content p {
    color: #6d6d6d;
    /* font-size: 14px;
    font-weight: 400;
    line-height: 20px; */
}

.timeline__cover .timeline ul li:nth-child(odd) .content {
    left: 70px;
}

.timeline__cover .timeline ul li:nth-child(odd) .content:before {
    left: -38px;
}

.timeline__cover .timeline ul li:nth-child(even) .content {
    left: calc(-289px - 70px);
}

.timeline__cover .timeline ul li:nth-child(even) .content:before {
    right: -38px;
}

.sfa-card {
    padding: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease-in-out;
}

.sfa-card .card-heading-m {
    letter-spacing: 0.6px;
}

.sfa-card-icon {
    background-color: #35E0B4;
    width: 61px;
    height: 61px;
    margin-right: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    flex-shrink: 0;
    transition: 0.3s ease-in-out;
}

p strong {
    font-weight: 900;
    color: #008966;
}

.innovate-card {
    /* background-color: #35E0B4; */

    transition: 0.5s ease-in-out;
}

.innovate-content {
    padding: 24px;
    border-radius: 20px;
    background: #d5fff5;

    text-align: center;
}

.innovate-content .card-icon {
    height: 60px;
    width: 60px;
    padding: 8px;
    border-radius: 50%;
    background: #d5fff5;
}

.innovate-card:hover {
    /* box-shadow: 0px 4px 8px #35e0b521; */
    /* padding: 1px; */
    background-color: #35E0B4;
    transform: translateY(-5px) scale(1.01);
}

.card-icon svg path {
    transition: fill 0.5s ease-in-out;
}

.innovate-card:hover .card-icon svg path {
    fill: #1ec097;
    transition: fill 0.5s ease-in-out;
}

.tick-card {
    padding: 16px;
    background-color: #fff;
    border-radius: 0 0 0 0;
    border-left: 5px solid #35E0B4;
}

.why-image {
    height: 400px;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.cta-banner {
    background: url('../images/cta-banner.jpg') center/cover no-repeat fixed;
    /* min-height: 500px; */
    width: 100%;
    position: relative;
}

.core-section {
    background-image: url('../images/business-bg.jpg');
    background-position-y: bottom;
    background-repeat: no-repeat;
    /* background-size: cover; */
}

.light-box {
    width: 281px;
    height: 281px;
    border-radius: 20px;
    background-color: #AEF6E4;
}

.light-border-box {
    height: 70px;
    width: 70px;
    border-radius: 5px;
    border: 5px solid #2dd1a8;
    position: absolute;
    right: -28px;
    top: -28px;
}

.about-image1 {
    height: 260px;
    width: 260px;
    position: absolute;
    top: -100px;
    left: -20px;
    z-index: 1;
    border-radius: 10px;
    object-fit: cover;
    padding: 0;
}

.about-image2 {
    height: 260px;
    width: 260px;
    position: absolute;
    bottom: -100px;
    right: -20px;
    z-index: 1;
    border-radius: 10px;
    object-fit: cover;
    padding: 0;
}

.about-section-padding {
    padding: 180px 0;
}

.solution-card {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 24px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
}

.solution-card:hover {
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
    transform: translateY(-10px);
}

.solution-banner {
    background-position-y: -157px;
    background-size: cover;
}

.main-btn {
    padding: 12px 25px;
    background: #35E0B4;
    color: #000;
    border-radius: 5px;
    transition: 0.5s all ease-in-out;
}

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

.office-points {
    padding: 8px 10px 8px 60px;
    height: 45px;
    border-radius: 50px;
    border: 2px solid #159b79;
    border-left: none;
    position: relative;
}

.office-points .office-icon {
    padding: 4px;
    width: 50px;
    height: 50px;
    background-color: #ddf3ee;
    border: 2px solid #159b79;
    border-radius: 50%;
    position: absolute;
    left: 0;
    /* transform: scale(1.1); */
}

.office-image {
    position: absolute;
    width: 100%;
    top: -132px;
    height: 722px;
    object-fit: cover;
}

.office-comment {
    padding: 16px;
    background-color: #fff;
    border-radius: 10px;
    font-style: italic;
    border: 1px dashed #b5a898;
}

.without-sfa,
.with-sfa {
    background-repeat: no-repeat;
    width: 100%;
    height: 519px;
    background-size: cover;
    position: relative;
}

.without-sfa {
    background-image: url('../images/without-sfa.jpeg');
    background-position-y: -49px;
}

.with-sfa {
    background-image: url('../images/with-sfa.jpeg');
    background-position-y: -60px;
}

.without-sfa .text-overlay,
.with-sfa .text-overlay {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
    /* background: linear-gradient(to top, rgba(0, 0, 0, 1), transparent); */
    background: rgba(0, 0, 0, 0.60);
    color: white;
    padding: 24px 24px 24px 24px;
    box-sizing: border-box;

}

.sfa-why-count {
    font-size: 22px;
    font-weight: 900;
    color: #ffffff;
    background: #35e0b4;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.app-mock1,
.app-mock2 {
    height: 650px;
    width: 100%;
    object-fit: contain;
}

.background-blob {
    bottom: -90px;
    z-index: -1;
}

.app-mock1 {
    /* transform: translateY(-50px); */
    animation: floatUpDown1 6s ease-in-out infinite;
}

.app-mock2 {
    /* transform: translateY(50px); */
    animation: floatUpDown2 8s ease-in-out infinite;
}

@keyframes floatUpDown1 {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-30px);
    }
}

@keyframes floatUpDown2 {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(30px);
    }
}

.dms-key-points {
    position: relative;
    border: 2px solid #35E0B4;
    padding: 32px;
    /* background-color: #F0FFF4; */
    background: linear-gradient(270deg, rgba(53, 224, 180, 0.10) 0%, rgba(53, 224, 180, 0.00) 100%);
    border-radius: 10px;
}

.dms-key-points::before {
    content: "";
    background-image: url('../images/bulb-puzzle.svg');
    background-repeat: no-repeat;
    height: 140px;
    width: 100px;
    background-size: contain;
    position: absolute;
    top: 30px;
    right: 50px;
    z-index: -1;
    opacity: 0.5;
}

.dms-tick {
    height: 32px;
    width: 32px;
    border-radius: 50%;
    background-color: #b1f5e6;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.dms-impact {
    padding: 24px;
    background-color: #fff;
    border: 1px dashed #35435e;
}

.chart1,
.chart2,
.chart3 {
    /* box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); */
}

.chart1 {
    animation: chartupdown 6s ease-in-out infinite;
}

.chart2 {
    animation: chartupdown 8s ease-in-out infinite;
}

.chart3 {
    animation: chartupdown 12s ease-in-out infinite;
}

@keyframes chartupdown {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-30px);
    }
}

.data-syncing {
    height: 500px;
    left: 80px;
    top: 67px;
    animation: datadown 6s ease-in-out infinite;
}

@keyframes datadown {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(30px);
    }
}

/* .offline-online {
    position: absolute;
    top: 47px;
    left: 80px;
} */

.offline-online img {
    height: 60px;
}

.fade-image {
    position: absolute;
    top: 47px;
    left: 96px;
    opacity: 0;
    transition: opacity 1s ease-in-out;
    z-index: 0;
}

.fade-image.show {
    opacity: 1;
    z-index: 1;
}

.field-card {
    padding: 24px;
    background: #d8fff5;
    min-height: 140px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.field-count {
    font-size: 50px;
    font-weight: 900;
    line-height: 48px;
}

.van-points {
    list-style: none;
    padding: 0;
    margin: 0;
}

.van-points li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
}

.van-points li::before {
    content: "arrow_right";
    font-family: 'Material Icons';
    font-size: 25px;
    vertical-align: middle;
    margin-right: 8px;
    position: absolute;
    left: -5px;
    top: 0;
    color: #35E0B4;
}

/* van sale animations */
.noti-img {
    position: absolute;
    opacity: 0;
    transform: translateX(-100%);
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

/* Notification 1 - 0s to 5s */
.noti1 {
    top: 70px;
    left: 0;
    animation-name: slide1;
}

/* Notification 2 - 5s to 10s */
.noti2 {
    top: 310px;
    right: -50px;
    animation-name: slide2;
}

/* Notification 3 - 10s to 15s */
.noti3 {
    bottom: 80px;
    left: 0;
    animation-name: slide3;
}

/* Keyframes for each notification */
@keyframes slide1 {
    0% {
        opacity: 0;
        transform: translateX(-100%);
    }

    6.66% {
        opacity: 1;
        transform: translateX(0);
    }

    26.66% {
        opacity: 1;
        transform: translateX(0);
    }

    33.33% {
        opacity: 0;
        transform: translateX(-100%);
    }

    100% {
        opacity: 0;
        transform: translateX(-100%);
    }
}

@keyframes slide2 {

    0%,
    33.33% {
        opacity: 0;
        transform: translateX(100%);
    }

    40% {
        opacity: 1;
        transform: translateX(0);
    }

    60% {
        opacity: 1;
        transform: translateX(0);
    }

    66.66% {
        opacity: 0;
        transform: translateX(100%);
    }

    100% {
        opacity: 0;
        transform: translateX(100%);
    }
}

@keyframes slide3 {

    0%,
    66.66% {
        opacity: 0;
        transform: translateX(-100%);
    }

    73.33% {
        opacity: 1;
        transform: translateX(0);
    }

    93.33% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(-100%);
    }
}

.inventory-card {
    position: relative;
    min-height: 352px;
    padding: 24px;
    background: #29292c;
    transition: background 0.5s ease-in-out;
    clip-path: polygon(30px 0%, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%, 0% 30px);
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-left: 5px solid #159574;
    border-right: 5px solid #159574;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
}

.inventory-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #159574;
    transform: scaleX(0);
    /* start hidden */
    transform-origin: center;
    transition: all 0.5s ease-in-out;
    z-index: 0;
}

.inventory-card:hover strong {
    color: #ffffff;
}

.inventory-card:hover {
    transform: translateY(-5px);
}

.inventory-card:hover::before {
    transform: scaleX(1);
}

.inventory-card>* {
    position: relative;
    z-index: 1;
}

.inventory-icon {
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #159574;
    border-radius: 5px;
    transition: background 0.5s ease-in-out;
}

/* .inventory-card:hover .inventory-icon {
    background: #000;
} */

.inventory-parallax {
    background: url('../images/inventory-bg.jpg') center/cover no-repeat fixed;
    /* height: 500px; */
    width: 100%;
    position: relative;
}

.inventory-parallax::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.66;
}

.anim {
    position: absolute;
    opacity: 0;
    transform: scale(0.8);
    animation: popInOut 12s infinite;
    transition: transform 0.5s ease, opacity 0.5s ease;
    pointer-events: none;
    height: 70px;
}

/* Positioning */
.anim1 {
    top: 0px;
    left: 0;
    animation-delay: 0s;
}

.anim2 {
    top: 300px;
    right: 0;
    animation-delay: 4s;
}

.anim3 {
    bottom: 0px;
    left: 0;
    animation-delay: 8s;
}

/* Animation keyframes */
@keyframes popInOut {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }

    5% {
        opacity: 1;
        transform: scale(1);
    }

    30% {
        opacity: 1;
        transform: scale(1);
    }

    35% {
        opacity: 0;
        transform: scale(0.8);
    }

    100% {
        opacity: 0;
        transform: scale(0.8);
    }
}

.inv-impact-img {
    height: 529px;
    object-fit: cover;
}
.dms-impact-img {
        height: 463px;
    object-fit: cover;
    width: 100%;
}



.main-index-btn {
    padding: 16px 24px;
    text-align: center;
    border-radius: 55px;
    background: #00AE81;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.8px;
    transition: all .3s ease-in-out;
}

.main-index-btn:hover {
    background: #0c8767;
    /* box-shadow: 0px 3px 0px #35e0b4;
    transform: scale(3); */
}

.main-link {
    color: #1b9778;
    font-weight: 700;
    transition: all 0.3s ease-in-out;
    position: relative;
}

.main-link::after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 0;
    height: 2px;
    width: 0%;
    background-color: #35E0B4;
    transition: width 0.3s ease;
}

.main-link:hover {
    color: #0c8767;
}

.main-link:hover::after {
    width: 100%;
}

.main-link:hover::after {
    width: 100%;
}

.main-link span svg {
    transition: transform 0.3s ease;
}

.main-link:hover span svg {
    transform: rotate(32deg);
}

.stats-box {
    width: 100%;
    /* padding: 24px; */
    /* border-radius: 10px; */
    /* background: radial-gradient(107.32% 141.42% at 0% 0%, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.00) 100%); */
    /* box-shadow: -5px -5px 250px 0px rgba(255, 255, 255, 0.02) inset; */
    /* backdrop-filter: blur(21px); */
    /* height: 100px; */
}

.index-banner-size {
    height: calc(100vh - 240px);
}

.stat-count {
    /* color: #fff; */
    font-family: "Manrope Bold", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 800;
    line-height: 68px;
}

.home-header {
    height: auto;
    background-color: transparent;
    /* position: inherit; */
    /* position: absolute; */
    top: 16px;
    width: 100%;
    z-index: 9999;
    transition: all .3s;
}

.home-header nav {
    /* border-radius: 60px; */
    /* background: rgba(255, 255, 255, 0.06); */
    /* background: rgb(0 103 76); */
    /* box-shadow: 0px 2px 14.9px 0px rgba(0, 174, 129, 0.25); */
    /* backdrop-filter: blur(14.5px); */
}

/* 
.home-header .logo-default {
    display: none;
}

.home-header .logo-home {
    display: block;
}

.home-header .logo-home img {
    height: 47px;
}

.header_area .logo-home {
    display: none;
}

.header_area .logo-default {
    display: block; 
}*/


/* .home-header .navigation {
    padding: 16px !important;
} */
.home-header .nav-menu>li>a {
    color: #BCBCBC;
}

.home-header .high-link {
    height: 45px;
    border-radius: 26px;
    border: 1px solid #35E0B4;
    background-color: transparent;
    color: #35E0B4;
}

.home-header .high-link:hover {
    background-color: #35E0B4;
    color: #fff;
}

.demo-img {
    opacity: 0;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

.index-demo1 {
    position: absolute;
    top: 40px;
    right: 50px;
    width: 314px;
    animation-name: fade1;
    animation-delay: 0s;
}

.index-demo2 {
    position: absolute;
    top: 150px;
    left: 0;
    width: 284px;
    animation-name: fade2;
    animation-delay: 3s;
}

.index-demo3 {
    position: absolute;
    bottom: 40px;
    right: 30px;
    width: 284px;
    animation-name: fade3;
    animation-delay: 6s;
}

@keyframes fade1 {
    0% {
        opacity: 0;
    }

    33.33% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fade2 {
    0% {
        opacity: 0;
    }

    33.33% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fade3 {
    0% {
        opacity: 0;
    }

    33.33% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.common-btn {
    display: flex;
    padding: 8px 8px 8px 16px;
    align-items: center;
    gap: 8px;
    border-radius: 55px;
    background: #00AE81;

    color: white;
    font-weight: 700;
    width: fit-content;
    transition: all .3s ease-in-out;
}

.common-btn svg {
    transition: all .3s ease-in-out;
}

.common-btn:hover {
    box-shadow: 0 6px 20px rgba(0, 174, 129, 0.5);
}

.common-btn:hover svg {
    transform: rotate(32deg);
}

.industry-home-card {
    height: 330px;
    position: relative;
    overflow: hidden;
}

.industry-home-card .card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: all 0.3s ease;
}

.industry-home-card .card-content {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 74px;
    background-color: #fff;
    color: #000;
    padding: 24px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    transition: all 0.3s ease-in-out;
    /* position: relative; */
}

.industry-home-card .card-content::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 6px;
    background: linear-gradient(284deg, #08B286 -0.04%, #034C39 99.96%);
}

.industry-home-card:hover .card-content {
    height: 140px;
    background: linear-gradient(284deg, #08B286 -0.04%, #034C39 99.96%);
    color: #fff !important;
}

.industry-home-card .card-image {
    /* width: 100%;
  height: auto; */
    transition: transform 0.5s ease;
    /* display: block; */
}

.industry-home-card:hover .card-image {
    transform: scale(1.1);
}

.industry-home-card .card-icon {
    position: absolute;
    top: 36%;
    left: 50%;
    transform: translate(-50%, -40%);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}

.industry-home-card:hover .card-icon {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%);
}


.service-menu-item {
    display: flex;
    font-weight: 600;
    padding: 16px;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    transition: all 0.3s ease-in-out;
}

.service-menus .active,
.service-menu-item:hover {
    background: #FFF !important;
    box-shadow: 0px 4px 12px 0px rgba(53, 224, 180, 0.19);
    color: #00A278;
}

.service-menu-image {
    height: 500px;
    object-fit: cover;
    width: 100%;
    border-radius: 10px;
}

.testimonial-card {
    padding: 85px 24px 24px 24px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #FFF;
    position: relative;
    transition: all 0.3s ease-in-out;
}

.testimonial-card:hover {
    transform: scale(1.01);
    box-shadow: 0px 4px 12px 0px rgba(53, 224, 180, 0.24);
}

.testimonial-avatar {
    position: absolute;
    top: -40px;
}

.testimonial-avatar img {
    width: 110px;
    height: 110px;
    object-fit: cover;
    border-radius: 50%;
    box-shadow: 3px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.demo-banner {
    background: url('../images/demo-banner.svg') top/cover no-repeat;
    /* height: 500px; */
    width: 100%;
    border-radius: 32px;
    padding: 60px;
    position: relative;
    top: 130px;
    overflow: hidden;
}

.demo-btn {
    padding: 16px 32px;
    background-color: #000;
    color: #fff;
    font-weight: 600;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.demo-mock {
    position: absolute;
}

.prev-btn,
.next-btn {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #35E0B4 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease-in-out;
}

.prev-btn:hover,
.next-btn:hover {
    background-color: #097c5f !important;
}

.lets-connect {
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Manrope Regular', sans-serif;
    color: #35E0B4;
    word-spacing: 3px;
    letter-spacing: 1.5px;
}

.enquiry-main-form .form-label {
    font-size: 14px;
    font-weight: 500;
    color: #6e6e6e;
}

#message {
    height: unset;
}

.form-control::placeholder {
    font-size: 14px;
    color: #999999;
}

.contact-social-link li {
    list-style: none;
    display: inline-block;
    /* margin-left: 15px; */
}

.whatsapp-button {
    position: fixed;
    bottom: 200px;
    right: 30px;
    z-index: 9999;
    background-color: #25D366;
    border-radius: 50%;
    padding: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease;
    animation: pulse 2s infinite;
    color: white;
    text-decoration: none;
}

.whatsapp-button:hover {
    transform: scale(1.1);
    animation: none;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
        box-shadow: 0 4px 20px #25D366;
    }

    100% {
        transform: scale(1);
    }
}

.whatsapp-button svg {
    display: block;
}

.about-us-banner {
    background-image: url('../images/about-us-banner.jpg');
    background-position-y: -86px;
}

.industries-banner {
    background-image: url('../images/industries-banner.jpg');
    background-position-y: -86px;
}

.emak-dms-banner {
    background-image: url('../images/emak-banner.jpg');
    /* background-position-y: -250px; */
}

.sfa-banner {
    background-image: url('../images/sales-auto-banner.jpg');
    background-position-y: -96px;
}

.dms-banner {
    background-image: url('../images/distributor-banner.jpg');
    background-position-y: -92px;
}

.van-sales-banner {
    background-image: url('../images/vansales-banner.jpg');
    background-position-y: -133px;
}
.ai-banner {
    background-image: url(../images/ai-banner.jpeg);
    background-position-y: -87px;
}



/* new banner */
.banner-container {
    background-color: #f7f2ef;
    /* margin: 55px 24px 24px 24px; */
    width: 100%;
    height: calc(100vh - 100px);
    border-radius: 20px;
    overflow: hidden;
}

.main-banner-side {
    padding-top: 72px;
    padding-left: calc(50vw - 660px);
    padding-right: 72px;
    padding-bottom: 32px;
    height: calc(100vh - 100px);
    /* gap: 85px; */
    /* gap: calc(100% - 376px); */
    gap: 22%;
}

#main-image {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: all 0.3s ease-in-out;
}

.banner-card {
    /* width: 300px;
    height: 300px; */
    position: absolute;
    /* top: 100px;
    left: -54px; */
    background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.69) 100%);
    padding: 15px 20px;
    border-radius: 8px;
    display: none;
    transition: opacity 0.3s ease-in-out;
    z-index: 2;
    font-size: 20px;
    font-weight: 900;
    line-height: normal;
    color: #1b9778;
    box-shadow: -3px 3px 9px #00000030;
}

.banner-card.active {
    display: block;
}

.card1 {
    top: 100px;
    left: -54px;
}

.card2 {
    top: 120px;
    left: 500px;
    /* right: 200px; */
}

.card3 {
    bottom: 200px;
    left: -100px;
}

.why-choose-box {
    padding: 16px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(53, 224, 180, 0.19);
    transition: all 0.3s ease-in-out;
    border-left: 3px solid #35E0B4;
    border-right: 3px solid #35E0B4;
}

.footer-not-home {
    padding: 60px 0 0 0 !important;
}


.ai-sub-box {
    padding: 24px;
    border-top: 2px solid #03fefb;
    /* border-radius: 5px; */
    position: absolute;
    bottom: 155px;
    left: 0;
    font-family: "Fontspring Regular", sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 27px;
    font-weight: 600;
    font-style: italic;
    color: #0c9f9e;
    letter-spacing: 0.8px;
    background: aliceblue;
}

.section-title strong {
    color: #1c876c;
    font-weight: 700;
}

.ai-card {
    padding: 24px;
    background-color: #f9f9f9;
    min-height: 350px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 24px;
    width: 100%;
    /* border: 1px solid #e0e0e0; */
     outline: 1px solid #e0e0e0;
}
.row > .col-xl-4:nth-child(odd) .ai-card {
  background-color: #eefffb;
}
.ai-card .para-sm {
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
    color: #6e6e6e;
}
.ai-card .ai-icon {
    aspect-ratio: 1 / 1;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #1c2546;
    border-radius: 10px;
    padding: 5px;
}

.ai-cta-banner {
    background: url('../images/ai-bottom-banner.jpg') center/cover no-repeat fixed;
    /* min-height: 500px; */
    width: 100%;
    position: relative;
}
.ai-cta-banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.63);
}
.ai-cta-tag {
    background-color: #000;
    border-radius: 50px;
    padding: 8px 8px;
    /* width: fit-content; */
    font-style: italic;
}
.mock-cta {
    padding-bottom: 0 !important;
}

.ai-brain svg {
    width: 100%;
    height: auto;
    color: #03fefb;
}

.stroke-animate {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: strokeDraw 3s linear infinite alternate,
    fadeEffect 3s ease-in-out infinite alternate;
}

@keyframes fadeEffect {
  from { opacity: 0.6; transform: translateY(-10px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes strokeDraw {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}
.pharma-tools .head-m{
    
    font-family: "Manrope Bold", sans-serif;
    font-size: 20px;
    font-weight: 800;
    line-height: 32px;
}

.pharma-tool-icon {
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #e4fff8;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
}
.pharma-tool-icon img {
    width: auto;
    height: 60px;
    /* object-fit: contain; */
}

.pharma-cta-section {
    background: #f0fff4;
}

.pharma-why-section .pharma-why {
        padding: 16px;
    background: #fff;
    border-left: 5px solid #1c876c;
    border-radius: 9px;
    box-shadow: 4px 4px 7px #3535353b;
}

.pharma-why-section .pharma-why .head-m {
    font-family: "Manrope Bold", sans-serif;
    font-size: 18px;
    font-weight: 800;
    line-height: normal;
    color: #1c876c;
}
.pharma-why-section .pharma-why .para-sm {
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
    color: #6e6e6e;
}

.ph-phone1 {
    /* transform: translateY(50px); */
    height: 570px;
    animation: pharmafloatUpDown1 6s ease-in-out infinite;
}
.ph-phone2 {
    height: 570px;
    /* transform: translateY(50px); */
    animation: pharmafloatUpDown2 6s ease-in-out infinite;
}

@keyframes pharmafloatUpDown1 {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-30px);
    }
}

@keyframes pharmafloatUpDown2 {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(30px);
    }
}


.pharma-point-part .head-m {
    font-family: "Manrope Bold", sans-serif;
    font-size: 18px;
    font-weight: 800;
    line-height: normal;
    /* color: #1c876c; */
}
.pharma-point-part svg {
    flex-shrink: 0;
}
.pharma-point-part .para-m {
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
    color: #6e6e6e;
}

.rotating-circle {
     background-image: url('../images/dot-circle.png');
         position: absolute;
    left: -300px;
    bottom: 0px;
    width: 543px;
    height: 543px;
    background-repeat: no-repeat;
    animation: dotCircleRotate 15s linear infinite;
}
@keyframes dotCircleRotate {
0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
}

50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    opacity: 1;
}
}

.pharma-banner {
    background-image: url('../images/pharma-banner.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}