@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

:root {
    /* Colors */
    --inovic-black: #000000;
    --inovic-darkest-black: #0D0900;
    --inovic-black-gradient: linear-gradient(270deg, rgba(0, 0, 0, 0) 0.04%, var(--inovic-black) 95.07%);
    --inovic-white-gradient: linear-gradient(270deg, rgba(0, 0, 0, 0) 0.04%, var(--inovic-white) 95.07%);
    --inovic-dark-white-gradient: linear-gradient(0deg, #fff 0%, #f3f3f3 20%, #f7f7f7 50%, #f9f9f9 100%);
    --inovic-white: #ffffff;
    --inovic-yellow: #fba31f;

    /* Fonts */
    --primary-font: "Inter", sans-serif;
    --heading-font: "Plus Jakarta Sans", sans-serif;
}

body a:hover,
body a:focus,
body a:active {
    color: var(--inovic-yellow);
}

body .header-default.header-transparent.header-one,
body .header-default.header-transparent.header-one.sticky {
    background: var(--inovic-white) !important;
    border-bottom: none;
    border-bottom: 1px solid #ddd;
}

body .header-default .logo a {
    height: auto;
    line-height: 1;
    width: 11.0625rem;
}

body .header-default .logo a img {
    max-height: unset;
    width: 100%;
    display: inline-block;
    max-width: 100%;
}

body .mainmenu-nav .mainmenu li>* {
    font-family: var(--primary-font);
    color: var(--inovic-black);
}

body .mainmenu-nav .mainmenu li.has-droupdown .submenu {
    background-color: var(--inovic-darkest-black);
}

body .mainmenu-nav .mainmenu li.has-droupdown .submenu li a:hover {
    background-color: var(--inovic-yellow) !important;
    color: var(--inovic-black) !important;
}

body .mainmenu-nav .mainmenu>li>a:hover,
body .mainmenu-nav .mainmenu>li>a.active,
body .mainmenu-nav .mainmenu>li:hover>a {
    color: var(--inovic-yellow) !important;
}

body .mainmenu-nav .mainmenu li.has-droupdown.has-menu-child-item {
    padding-right: 1.125rem;
}

body .tmp-btn.btn-primary {
    background: var(--inovic-yellow);
    font-weight: 600;
    color: var(--inovic-black);
    line-height: 1.5;
    height: auto;
    padding: 0.75rem 1.5rem;
    box-shadow: none;
    border: none;
    font-family: var(--primary-font);
}

body .tmp-btn.btn-primary::after {
    background: var(--inovic-white);
}

body .banner-slider-area-one .slider-style-2.variation-2 {
    height: calc(100vh + 0rem) !important;
}

body .slick-list .slick-track {
    height: 100%;
}

body .banner-slider-area-one .slider-style-2.variation-2 {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

body .slick-list .slick-track .slider-area.bg_image--10,
.bg_image--10 {
    background-image: url('../../images/site/home-banner-slide.webp') !important;
}



body .slick-list .slick-track .slider-area::after,
body .slider-style-2.variation-2::after {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: var(--inovic-black-gradient);
    pointer-events: none;
}

body .slick-list .slick-track .inner.text-left {
    position: relative;
    z-index: 2;
}

body .slick-dotted.slick-slider button,
.tmp-slick-arrow button.slick-arrow {
    display: none !important;
}

body .slick-list .slider-style-2.variation-2 {
    padding-top: 0 !important;
}

body .slick-list .slick-track .inner.text-left .tag-title {
    margin-bottom: 1rem;
    font-family: var(--primary-font);
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
}

body .slick-list .slick-track .inner.text-left .tag-title::before {
    background: var(--inovic-yellow);
}

body .slick-list .slick-track .inner.text-left h1.title.display-one,
body .slider-style-2.variation-2 .inner .title {
    font-family: var(--primary-font);
    font-weight: 700;
    font-size: 2.35rem !important;
    margin-bottom: 1rem;
    line-height: 1.4;
}

body .slick-list .slick-track .inner.text-left h1.title.display-one span,
body .slider-style-2.variation-2 .inner .title span {
    background: var(--inovic-yellow);
    color: #fff;
    text-shadow: 0 0 5px #0000003b;
    padding: 0.5rem;
}

body .slick-list .slick-track .inner.text-left p {
    font-family: var(--primary-font);
    font-size: 1.125rem;
    line-height: 1.5;
}

body .slider-dot.tmp-slick-dot .slick-dots {
    display: flex;
    justify-content: center;
    gap: 0.75rem;
    align-items: center;
}

body .slider-dot.tmp-slick-dot .slick-dots li {
    width: 0.75rem;
    height: 0.75rem;
    transition: .3s ease all;
}

body .slider-dot.tmp-slick-dot .slick-dots li button {
    display: inline-flex !important;
    padding: 0;
    width: 0.75rem;
    height: 0.75rem;
    border: 0.0625rem solid var(--inovic-yellow);
    border-radius: 50%;
    transition: .3s ease all;
}

body .slider-dot.tmp-slick-dot .slick-dots li button::after {
    display: none;
}

body .slider-dot.tmp-slick-dot .slick-dots li.slick-active {
    width: 1rem;
    height: 1rem;
}

body .slider-dot.tmp-slick-dot .slick-dots li.slick-active button {
    background: var(--inovic-yellow);
    width: 1rem;
    height: 1rem;
}

body .slider-dot.tmp-slick-dot .slick-dots li.slick-active button::after {
    box-shadow: none;
}

/* Home Marquee Slider */
.tmp-section-gapTop {
    padding-top: 5rem !important;
}

.tmp-section-gapBottom {
    padding-bottom: 5rem !important;
}

.trusted {
    background: var(--inovic-yellow);
    /* background: #fff4e2 !important; */
}

.bg-white-wrap.pb--80 .trusted {
    background: #121214 !important;
}

.bg-white-wrap.pb--80 .trusted h2,
.bg-white-wrap.pb--80 .trusted .subtitle-text {
    color: #fff !important;
}

.bg-white-wrap.pb--80 .trusted .pres-line-separator-wrapper.text-center :is(.line-separator.line-left, .line-separator.line-right) {
    background-color: #fff !important;
}

.trusted .pres-line-separator-wrapper .subtitle-text {
    font-family: var(--primary-font);
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.2;
    text-transform: uppercase;
    color: var(--inovic-darkest-black) !important;
}

.trusted .pres-line-separator-wrapper.text-center :is(.line-separator.line-left, .line-separator.line-right) {
    background: var(--inovic-black) !important;
}

.trusted h2 {
    color: var(--inovic-darkest-black);
    font-family: var(--heading-font);
    font-size: 2.75rem;
    line-height: 1.33;
    margin-bottom: 4rem;
}

.trusted .clients-logos .clients-logos-wrap .client-logo {
    width: auto;
    /* height: 2rem; */
    max-width: 14.25rem;
    padding: 0 2rem;
}

.trusted .clients-logos .clients-logos-wrap .client-logo img {
    width: 100%;
    height: 2.5rem;
    object-fit: contain;
    box-shadow: none;
}

.trusted .clients-logos:not(:last-child) {
    margin-bottom: 3rem;
}




/* Press */
body.doc-ready .clients-logos-wrap {
    visibility: visible
}

.clients-logos {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%
}

.clients-logos .clients-logos-wrap {
    align-items: center;
    backface-visibility: hidden;
    display: flex;
    line-height: 0;
    transform: translateZ(0);
    visibility: hidden;
    width: -moz-fit-content;
    width: fit-content;
    will-change: transform
}

.clients-logos .clients-logos-wrap .client-logo {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    padding: 0 1rem;
    width: 26.9375rem;
    height: auto;
}

.clients-logos .clients-logos-wrap .client-logo img {
    height: auto;
    width: 100%;
    border-radius: .5rem;
    box-shadow: 0 .55rem .75rem -.13rem rgba(0, 0, 0, 0.10), 0 0.2110625rem 0.3165625rem -0.2110625rem rgba(0, 0, 0, 0.10);
}

.tmp-counterup-area {
    /* background-image: url('data:image/svg+xml,<svg width="551" height="542" viewBox="0 0 551 542" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.46" filter="url(%23filter0_f_193_2)"><path d="M358.183 398.419L203.476 473.331C36.9923 492.871 235.945 638.694 468.882 621.673C655.232 608.056 643.033 363.107 613.64 242.334C653.228 36.2352 381.944 200.583 444.517 266.478C494.575 319.193 407.819 376.403 358.183 398.419Z" fill="%23CB8F01"/></g><g style="mix-blend-mode:lighten" filter="url(%23filter1_f_193_2)"><path d="M676.235 587.319L826.897 504.57C992.158 476.516 785.988 341.091 554.23 370.037C368.824 393.195 393.571 637.196 429.121 756.302C400.157 964.16 662.654 786.113 596.783 723.515C544.086 673.437 627.794 611.852 676.235 587.319Z" fill="%23CB8F01"/></g><defs><filter id="filter0_f_193_2" x="3.05176e-05" y="-9.15527e-05" width="772.533" height="764.952" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="70.95" result="effect1_foregroundBlur_193_2"/></filter><filter id="filter1_f_193_2" x="299.994" y="261.805" width="690.812" height="696.626" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="52.1" result="effect1_foregroundBlur_193_2"/></filter></defs></svg>'); */
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 31.25rem;
    position: relative;
}

/* About US */
.about-area.about-style-4 {
    background-color: var(--inovic-darkest-black);
    position: relative;
}

img.img-left-bottom {
    position: absolute;
    left: -3rem;
    bottom: -1rem;
    width: 53rem;
    opacity: 0.5;
    max-width: 100%;
}

.about-area.about-style-4 .large-image {
    border-radius: 1rem;
}

.about-area.about-style-4 .small-iamge-area.images-left-right-float {
    width: 21.25rem;
    border-radius: 1rem;
    overflow: hidden;
    z-index: 3;
}

.about-area.about-style-4 .small-iamge-area.images-left-right-float .video-icon .tmp-btn.rounded-player {
    width: 5.3125rem;
    height: 5.3125rem;
    background-color: var(--inovic-yellow);
    color: var(--inovic-black);
}

.about-area.about-style-4 .small-iamge-area.images-left-right-float .btn-default.rounded-player {
    width: 5.3125rem;
    height: 5.3125rem;
}

.about-area.about-style-4 .small-iamge-area.images-left-right-float .video-icon .tmp-btn.rounded-player::after {
    background-color: var(--inovic-white);
}

.about-area.about-style-4 .small-iamge-area.images-left-right-float .video-icon .tmp-btn.rounded-player i {
    font-size: 0;
    background-image: url('data:image/svg+xml,<svg width="21" height="22" viewBox="0 0 21 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.98832 1.79347C3.40196 0.930819 1.5 2.0686 1.5 3.78201L1.5 17.7162C1.5 19.4296 3.40196 20.5674 4.98832 19.7048L17.8003 12.7377C19.3999 11.8678 19.3999 9.63046 17.8003 8.76058L4.98832 1.79347ZM5.96046e-07 3.78201C7.7486e-07 0.877004 3.16674 -0.904538 5.70491 0.475713L18.5169 7.44282C21.161 8.88072 21.161 12.6175 18.5169 14.0554L5.70491 21.0225C3.16674 22.4028 -1.19209e-07 20.6212 0 17.7162L5.96046e-07 3.78201Z" fill="black"/></svg>');
    background-repeat: no-repeat;
    background-size: 1.5625rem;
    width: 1.875rem;
    height: 1.9375rem;
    display: inline-block;
    position: absolute;
    top: 53%;
    transform: translate(-50%, -50%);
    left: 55%;
}

.about-area.about-style-4 .title {
    color: var(--inovic-white);
}

.about-area.about-style-4 .title span {
    color: var(--inovic-yellow);
}

.about-area.about-style-4 p {
    color: #F2F2F2;
    margin-bottom: 1rem;
    font-family: var(--primary-font);
    line-height: 1.5;
}

.about-area.about-style-4 .btn-primary {
    margin-top: 2rem;
}

.about-area.about-style-4 .tmp-section-title-border .subtitle .subtitle-text {
    color: #DADAD8;
}

.about-area.about-style-4 .tmp-section-title-border .line-separator {
    background: var(--inovic-yellow);
}


/* Machine Blocks */
.machines {
    background-color: var(--inovic-black);
}

body .pres-line-separator-wrapper .line-separator {
    background: var(--inovic-yellow) !important;
    background-image: none !important;
}

.pres-line-separator-wrapper.text-center .subtitle-text {
    color: #DADAD8;
}

.machines .crane-block {
    display: inline-flex;
    flex-direction: column;
    border-radius: 0.5rem;
    overflow: hidden;
    /* background-color: var(--inovic-white); */
}

.machines .crane-block span {
    padding: 0.5rem 1.25rem;
    background-color: var(--inovic-white);
    color: var(--inovic-black);
    font-size: 1rem;
    line-height: 1.5;
    transition: .3s ease all;
    text-align: center;
    font-weight: 600;
    display: inline-block;
    background: var(--inovic-yellow);
    width: 100%;
    border-radius: 0 0 1.25rem 1.25rem;
    height: max-content;
    min-height: auto !important;
}

.machines .crane-block i {
    background: var(--inovic-white);
}

.machines .crane-block span:hover,
.machines .crane-block:hover span {
    background: var(--inovic-yellow);
    color: var(--inovic-black);
}

/* Prd Card Flip Animation */

.prd-card img {
    height: 11rem;
    /* object-fit: cover; */
}

.prd-card {
    border-radius: 0.75rem;
    /* padding: 0.375rem; */
    overflow: hidden;
    perspective: 1000px;
    transition: 0.6s;
    border-radius: 1.25rem;
}

.prd-card:hover {
    box-shadow: 0 0 39px #00000040;
    transform: scale(1.05);
}

.prd-card .crane-block {
    display: block;
    position: relative;
    /* background: var(--inovic-white); */
    text-align: center;
    transition: 0.75s;
}

/* .prd-card .crane-block:hover {
    background-color: var(--inovic-yellow);
} */

.prd-card .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    display: grid;
    grid-template-areas: "card";
}

.prd-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

.prd-card .flip-card-front,
.prd-card .flip-card-back {
    grid-area: card;
    width: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    border-radius: 0.5rem;
    overflow: hidden;
    object-fit: cover;
    display: flex;
    flex-direction: column;
}

/* Front Face Styles (Existing content) */
.prd-card .flip-card-front i {
    background: #fff4e2;
}

.prd-list .prd-card img {
    height: 14rem;
}

.prd-list .container {
    z-index: 2;
    position: relative;
}

.machines {
    background: #fff4e2 !important;
}

.prd-card .flip-card-front span {
    /* Existing span styles adapted */
    padding: 0.5rem 1.25rem;
    background-color: var(--inovic-yellow);
    /* Default color */
    color: var(--inovic-black);
    font-size: 1rem;
    line-height: 1.5;
    text-align: center;
    font-weight: 600;
    display: inline-block;
    width: max-content;
    margin: 0 auto 0.25rem auto;
    border-radius: 1.25rem;
}

/* Back Face Styles */
.prd-card .flip-card-back {
    transform: rotateY(180deg);
    position: relative;
    /* Ensure it takes space if needed, but grid handles it */
}

.prd-card .flip-card-back img {
    width: 100%;
    object-fit: cover;
    /* Make image cover the card area */
    border-radius: 0.5rem;
}

/* Ensure images in front face behave well */
.prd-card .flip-card-front i img {
    /* Original styles imply image is inside <i> */
}

/* Hover effects adjustment */
.prd-card.tmponhover::after {
    display: none;
    /* Remove the old overlay effect as it might interfere with flip */
}

.prd-list .col-lg-4:nth-child(odd) .prd-card .flip-card-front i {
    background: var(--inovic-yellow);
}

.prd-list .col-lg-4:nth-child(even) .prd-card .flip-card-front i {
    background: #494949;
}

.prd-list .prd-card .flip-card-front,
.prd-list .prd-card .flip-card-back {
    border-radius: 0;
}

.prd-list .col-lg-4:nth-child(even) .crane-block span {
    background: #494949;
    color: var(--inovic-yellow);
}

.prd-list {
    background: #fff !important;
}

.prd-list img.prd-bg {
    bottom: 0;
    top: auto;
    opacity: 0.5;
}


/* INFO Blocks */
.tmp-card .inner .content {
    background-color: var(--inovic-darkest-black);
}

.tmp-card .inner .content a.tmp-badge-2 {
    background-color: #FEF7E533;
    color: var(--inovic-yellow);
}

.tmp-card .inner .thumbnail .card-image img {
    border: 0;
    border-radius: 0;
}

.tmp-card .inner .thumbnail .card-image a {
    border-radius: 0;
}

.tmp-card .inner .content .title a:hover {
    color: var(--inovic-yellow);
}

/* CTA Block */
body .bg-cta-modern {
    background-image: url('../../images/site/footer-cta.webp') !important;
}

.call-to-action-modern-wrapper span b {
    color: var(--inovic-yellow);
}

/* Footer */
.footer-style-default .shape-area {
    display: none;
}

.footer-form-wrap:after {
    background: var(--inovic-yellow);
}

.footer-form-wrap {
    border-color: var(--inovic-yellow);
    box-shadow: 0 0 1rem #00000024;
}

.footer-style-default .footer-top .tmp-footer-widget .logo {
    width: 11.0625rem;
}

.footer-style-default .footer-top .tmp-footer-widget .logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-height: unset;
    max-width: unset;
}

.footer-style-default .footer-top .tmp-footer-widget .logo a {
    width: 100%;
    display: inline-block;
}

.footer-style-default .footer-top .tmp-footer-widget .footer-link li a:hover {
    color: var(--inovic-yellow);
}

.footer-style-default .footer-top .tmp-footer-widget .subtitle {
    padding-right: 1.875rem;
}

.social-default li a:after {
    background-color: var(--inovic-yellow);
}

.social-default li a:hover {
    color: var(--inovic-black);
}

.ml-auto {
    margin-left: auto;
}

/* topbar area */
.header-top-bar {
    background: var(--inovic-yellow);
}

.header-top-bar p {
    color: var(--inovic-black);
    font-size: 0.875rem !important;
}

.header-top-bar a {
    color: var(--inovic-black);
}

.header-top-bar a:hover {
    color: var(--inovic-black);
    font-weight: 600;
}

/* Counter APP */
.tmp-counterup-area .count-box {
    align-items: flex-start;
    padding: 1.25rem 0.5rem 1.25rem 1.5rem;
    /* background-color: var(--inovic-black); */
    border-right: 0.5rem solid var(--inovic-yellow);
    border-radius: 0.75rem;
}

.tmp-counterup-area .col-lg-3.col-md-6.col-sm-6.col-12.tmp-jump__item {
    padding: 0 1rem;
    margin-top: 1rem;
}

.counter-style-4 .counter-title {
    font-weight: 500;
    font-size: 1.25rem;
    text-align: left;
}

img.map-bg {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    z-index: -1;
    opacity: 0.2;
    transform: translateY(-50%);
}

.tmp-counterup-area .count-box::after,
.tmp-counterup-area .count-box::before {
    /* display: none; */
}

.tmp-counterup-area .tmponhover::after {
    inset: 0.25rem;
}

.tmp-counterup-area .tmponhover::before {
    background: radial-gradient(var(--inovic-yellow), transparent, transparent);
}

.tmp-counterup-area .count-box>div {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tmp-counterup-area .count-box>div i {
    width: 6rem;
    height: 6rem;
    overflow: hidden;
    display: inline-flex;
    justify-content: flex-end;
    text-align: right;
}

.tmp-counterup-area .count-box>div i img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    text-align: left;
}

.tmp-counterup-area .count-box>div :is(.count-number, .count-number span) {
    font-family: var(--primary-font);
    font-weight: 400;
    font-size: 2.25rem;
    text-align: center;
    transition: .3s ease all;
}

.tmp-counterup-area .count-box:hover>div .count-number {
    color: var(--inovic-yellow);
}


/* Crane Animation */
.crane-move {
    background-repeat: no-repeat;
    padding: 4rem 0;
    background-size: cover;
    background-position: center -9rem;
    background-attachment: fixed;
    position: relative;
}

.crane-move .crane-wrap {
    text-align: center;
    padding-top: 2.5rem;
    width: 65rem;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.crane-move .crane-stand {
    height: 40rem;
    width: 65rem;
    overflow: hidden;
}

.crane-move .crane-stand img {
    line-height: 0;
    height: 100%;
    width: 100%;
    /* object-fit: contain; */
}

.crane-move:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #2c2c2cc2;
    top: 0;
    left: 0;
    z-index: 0;
}

.crane-move .crane-hook {
    width: 23rem;
    position: absolute;
    left: 55%;
    top: 36%;
    transform: translate(-50%, -50%);
    left: 0;
    /* Start from left */
    transform: translateY(-50%);
    /* Animation */
    animation: hookMove 12s ease-in-out infinite alternate;
}

.crane-wrap::before {
    width: 100%;
    content: "";
    height: 3.75rem;
    background: url('data:image/svg+xml,<svg width="710" height="57" viewBox="0 0 710 57" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.71802 8.56689H707.065V12.7322H2.71802V8.56689ZM2.71802 30.2205H707.065V26.0552H2.71802V30.2205ZM2.71802 39.1419H707.065V34.9766H2.71802V39.1419Z" fill="%23654700"/><path d="M707.035 56.2461C705.558 56.2461 704.347 55.0349 704.347 53.5579V2.7178C704.347 1.2408 705.558 0.0295982 707.035 0.0295982C708.512 0.0295982 709.723 1.2408 709.723 2.7178V53.5579C709.723 55.0349 708.512 56.2461 707.035 56.2461ZM0 53.5283V2.6883C0 1.2112 1.21203 0 2.68903 0C4.16603 0 5.37701 1.2112 5.37701 2.6883V53.5283C5.37701 55.0054 4.16603 56.2166 2.68903 56.2166C1.21203 56.2166 0 55.0054 0 53.5283ZM660.094 56.2461C658.617 56.2461 657.406 55.0349 657.406 53.5579V2.7178C657.406 1.2408 658.617 0.0295982 660.094 0.0295982C661.572 0.0295982 662.783 1.2408 662.783 2.7178V53.5579C662.783 55.0349 661.572 56.2461 660.094 56.2461ZM613.124 56.2461C611.647 56.2461 610.436 55.0349 610.436 53.5579V2.7178C610.436 1.2408 611.647 0.0295982 613.124 0.0295982C614.601 0.0295982 615.812 1.2408 615.812 2.7178V53.5579C615.812 55.0349 614.601 56.2461 613.124 56.2461ZM566.184 56.2461C564.707 56.2461 563.495 55.0349 563.495 53.5579V2.7178C563.495 1.2408 564.707 0.0295982 566.184 0.0295982C567.661 0.0295982 568.872 1.2408 568.872 2.7178V53.5579C568.872 55.0349 567.661 56.2461 566.184 56.2461ZM519.213 56.2461C517.736 56.2461 516.525 55.0349 516.525 53.5579V2.7178C516.525 1.2408 517.736 0.0295982 519.213 0.0295982C520.69 0.0295982 521.902 1.2408 521.902 2.7178V53.5579C521.902 55.0349 520.69 56.2461 519.213 56.2461ZM472.273 56.2461C470.796 56.2461 469.584 55.0349 469.584 53.5579V2.7178C469.584 1.2408 470.796 0.0295982 472.273 0.0295982C473.75 0.0295982 474.961 1.2408 474.961 2.7178V53.5579C474.961 55.0349 473.75 56.2461 472.273 56.2461ZM425.302 56.2461C423.825 56.2461 422.614 55.0349 422.614 53.5579V2.7178C422.614 1.2408 423.825 0.0295982 425.302 0.0295982C426.779 0.0295982 427.991 1.2408 427.991 2.7178V53.5579C427.991 55.0349 426.779 56.2461 425.302 56.2461ZM378.362 56.2461C376.885 56.2461 375.674 55.0349 375.674 53.5579V2.7178C375.674 1.2408 376.885 0.0295982 378.362 0.0295982C379.839 0.0295982 381.05 1.2408 381.05 2.7178V53.5579C381.05 55.0349 379.839 56.2461 378.362 56.2461ZM331.392 56.2461C329.914 56.2461 328.703 55.0349 328.703 53.5579V2.7178C328.703 1.2408 329.914 0.0295982 331.392 0.0295982C332.869 0.0295982 334.08 1.2408 334.08 2.7178V53.5579C334.08 55.0349 332.869 56.2461 331.392 56.2461ZM284.451 56.2461C282.974 56.2461 281.763 55.0349 281.763 53.5579V2.7178C281.763 1.2408 282.974 0.0295982 284.451 0.0295982C285.928 0.0295982 287.139 1.2408 287.139 2.7178V53.5579C287.139 55.0349 285.928 56.2461 284.451 56.2461ZM237.481 56.2461C236.004 56.2461 234.792 55.0349 234.792 53.5579V2.7178C234.792 1.2408 236.004 0.0295982 237.481 0.0295982C238.958 0.0295982 240.169 1.2408 240.169 2.7178V53.5579C240.169 55.0349 238.958 56.2461 237.481 56.2461ZM190.54 56.2461C189.063 56.2461 187.852 55.0349 187.852 53.5579V2.7178C187.852 1.2408 189.063 0.0295982 190.54 0.0295982C192.017 0.0295982 193.228 1.2408 193.228 2.7178V53.5579C193.228 55.0349 192.017 56.2461 190.54 56.2461ZM143.57 56.2461C142.093 56.2461 140.881 55.0349 140.881 53.5579V2.7178C140.881 1.2408 142.093 0.0295982 143.57 0.0295982C145.047 0.0295982 146.258 1.2408 146.258 2.7178V53.5579C146.258 55.0349 145.047 56.2461 143.57 56.2461ZM96.629 56.2461C95.152 56.2461 93.941 55.0349 93.941 53.5579V2.7178C93.941 1.2408 95.152 0.0295982 96.629 0.0295982C98.106 0.0295982 99.317 1.2408 99.317 2.7178V53.5579C99.317 55.0349 98.106 56.2461 96.629 56.2461ZM49.659 56.2461C48.182 56.2461 46.971 55.0349 46.971 53.5579V2.7178C46.971 1.2408 48.182 0.0295982 49.659 0.0295982C51.136 0.0295982 52.347 1.2408 52.347 2.7178V53.5579C52.347 55.0349 51.136 56.2461 49.659 56.2461Z" fill="%23E8980F"/></svg>');
    position: absolute;
    background-repeat: no-repeat;
    background-position: center bottom -0.625rem;
    z-index: 2;
    top: 4.25rem;
    left: 0.438rem;
    background-size: 96.3%;
    background-position: 1.25rem 0;
}

.crane-move .crane-stand::before {
    content: "";
    position: absolute;
    width: 100%;
    background: url('data:image/svg+xml,<svg width="739" height="53" viewBox="0 0 739 53" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M738.526 0H0V52.1694H738.526V0Z" fill="%23FEB300"/><g style="mix-blend-mode:overlay" opacity="0.3"><path d="M0.00012207 16.8667L738.526 16.8667V8.53615L0.00012207 8.53615V16.8667Z" fill="black"/></g></svg>');
    /* background-repeat: no-repeat; */
    height: 5rem;
    z-index: 3;
    color: #feb300;
    top: 6.875rem;
    background: linear-gradient(to bottom, #feb300 0%, #feb300 45%, #f5a900 45%, #f5a900 55%, #feb300 55%, #feb300 100%);
}

.crane-move a.crane-button {
    position: absolute;
    left: 50%;
    padding: 0.75rem 1.75rem;
    background: linear-gradient(45deg, #faa421 0%, #faa421 12.5%, #f6951b 12.5%, #f6951b 25%, #faa421 25%, #faa421 37.5%, #f6951b 37.5%, #f6951b 50%, #faa421 50%, #faa421 62.5%, #f6951b 62.5%, #f6951b 75%, #faa421 75%, #faa421 87.5%, #f6951b 87.5%, #f6951b 100%);
    color: var(--inovic-black);
    border-radius: 0.5rem;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    animation: hookMove 12s ease-in-out infinite alternate;
    font-size: 1.5rem;
    top: 25.75rem;
    padding: 0.6875rem 2.0625rem;
    transition: 0.4s;
}

.crane-move a.crane-button:hover {
    transform: scale(1.1);
    opacity: 1;
}

@keyframes hookMove {
    0% {
        left: 12%;
    }

    100% {
        left: 56%;
    }

    /* Adjust based on how far you want it to move */
}

body::-webkit-scrollbar-thumb {
    background: var(--inovic-yellow) !important;
    border-radius: 0rem;
}

body::-webkit-scrollbar-track {
    background: #f5f5f5;
}

body::-webkit-scrollbar-thumb:hover {
    background: #ddd !important;
}

.inverweb-side-bar-close .side-info .contact-list a:hover {
    color: var(--inovic-yellow) !important;
}

.inverweb-side-bar-close .btn-default.rounded-player {
    background: var(--inovic-yellow) !important;
}

.inverweb-side-bar-close .btn-default.rounded-player:hover {
    background-color: var(--inovic-white) !important;
}

.inverweb-side-bar-close .btn-default:hover::after {
    background-color: var(--inovic-darkest-black) !important;
}

.tmponhover::before {
    background: radial-gradient(var(--inovic-yellow), transparent, transparent);
}



/* About Page Starts */

/* About Banner */
body .theme-gradient,
body .counter-style-1 .count-number {
    color: var(--inovic-yellow);
}

body .tmp-btn::after,
body .btn-default::after,
body .tmp-btn.rounded-player:hover,
body .btn-default.rounded-player:hover {
    background-color: var(--inovic-white);
}

body .tmp-btn.rounded-player:hover span i,
body .btn-default.rounded-player:hover span i {
    color: var(--inovic-black);
}

body .tmp-btn,
body .btn-default {
    background-color: var(--inovic-yellow);
    color: var(--inovic-black);
}

.about-info {
    padding-top: 2.5rem;
}

.about-info p strong {
    color: var(--inovic-white);
}

.about-info p:last-child {
    margin-bottom: 0;
}


/* About Counter */
.bl-section {
    background: var(--inovic-black-gradient);
}

body .signle-fun-facts-one .icon {
    background-color: var(--inovic-yellow);
}

body .signle-fun-facts-one .icon img {
    filter: invert(1);
}

body .tmp-timeline-single.no-gradient .tmp-timeline .progress-dot .dot-level {
    background-color: var(--inovic-yellow);
}

body .tmp-timeline-single.no-gradient .tmp-timeline .progress-line .line-inner {
    background: var(--inovic-yellow);
}

.service.service__style--1 .shape-service-1 img {
    filter: invert(86%) sepia(22%) saturate(7364%) hue-rotate(342deg) brightness(99%) contrast(97%);
    transform: scale(0.75);
    opacity: .5;
}

.service.service__style--1 .content .title a:hover {
    color: var(--inovic-yellow);
}

.tmp-testimonial-map-wrapper .tmp-testimonial-map-img img {
    filter: invert(86%) sepia(22%) saturate(7364%) hue-rotate(-343deg) brightness(99%) contrast(97%);
    ;
}

.tmp-testimonial-map-wrapper .tmp-lookbook-content-box {
    background: var(--inovic-yellow);
}

.tmp-testimonial-map-wrapper .tmp-lookbook-content-box .tmp-message-shape {
    background: var(--inovic-yellow);
}

/* About Page Ends */

/* Request Quote Page */
.tmp-address .inner p a:is(:hover, :active, :focus),
.tmp-address .icon {
    color: var(--inovic-yellow);
}

.request-form .form-title {
    font-size: 1.875rem;
    margin-bottom: 0.375rem;
}

.request-form .request-card {
    padding: 1.75rem;
    border-radius: 0.875rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.01));
    border: 0.0625rem solid rgba(255, 255, 255, 0.06);
}

.request-form .section-title {
    font-weight: 600;
    font-size: 1.375rem;
    color: var(--inovic-white);
    margin-bottom: 0.25rem;
}

.request-form .section-sub {
    color: #9aa0a6;
    font-size: 0.875rem;
    margin-bottom: 0.625rem;
}

.request-form .muted-note {
    color: #9aa0a6;
    font-size: 0.75rem;
}

.request-form .optional {
    color: #7d8085;
    font-weight: 500;
    font-size: 0.75rem;
}

.request-form label {
    font-size: 0.8125rem;
    color: #9aa0a6;
    margin-bottom: 0.375rem;
    display: block;
}

.request-form input,
select,
textarea {
    width: 100%;
    padding: 0.75rem 0.875rem;
    border-radius: 0.5rem;
    border: 0.0625rem solid rgba(255, 255, 255, 0.06);
    background: rgba(255, 255, 255, 0.02);
    color: #eaecef;
    font-size: 0.875rem;
    outline: none;
    transition: box-shadow .12s, border-color .12s;
    height: auto;
}

.request-form input:focus,
textarea:focus,
select:focus {
    border-color: rgba(107, 66, 255, 0.9);
    box-shadow: 0 0.375rem 1.125rem rgba(107, 66, 255, 0.06);
}

.request-form textarea {
    min-height: 7.5rem;
    resize: vertical;
}

.request-form .divider {
    height: 0.0625rem;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.03), transparent);
    margin: 0.625rem 0;
}

.request-form .submit-btn:active {
    transform: translateY(0.0625rem);
}

.request-form :is(input, select, textarea):is(:active, :focus, :hover),
.contact-form-1 .form-group :is(input, select, textarea):is(:focus) {
    border-color: var(--inovic-yellow);
}

.request-form .btn-primary {
    width: 100%;
}

/* Catalouge */
.tmp-default-tab .tab-button .tabs__tab {
    padding: 0;
}

.tmp-default-tab .tab-button .tabs__tab .nav-link {
    background-color: var(--inovic-white);
    color: var(--inovic-black);
    border-radius: 0;
    border-right: 0.0625rem solid var(--inovic-black);
}

.tmp-default-tab .tab-button .tabs__tab .nav-link:is(.active, .active:hover) {
    background: var(--inovic-yellow);
}

.tmp-default-tab .tab-button .tabs__tab .nav-link:hover {
    background-color: #ddd;
}

.tmp-default-tab .tmp-tab-content {
    background-color: #242424;
}

.lang-radio-group {
    margin-top: 0.75rem;
}

.radio-pill {
    padding: 0.5rem 1.125rem;
    border-radius: 0.5rem;
    font-size: 0.8125rem;
    font-weight: 600;
    text-transform: uppercase;
    border: 0.0625rem solid var(--inovic-yellow);
    color: var(--inovic-yellow);
    background: transparent;
    cursor: pointer;
    transition: all .2s;
}

.radio-pill:hover {
    background: var(--inovic-yellow);
    color: var(--inovic-black);
    border-color: var(--inovic-yellow);
}

.btn-check:checked+.radio-pill {
    background: var(--inovic-yellow);
    color: var(--inovic-black);
    border-color: var(--inovic-yellow);
}

.lang-radio-group label::after,
.lang-radio-group label::before {
    display: none;
}

.lang-radio-group .radio-pill {
    padding: 0.4375rem 0.4375rem;
    line-height: 1;
    font-size: 0.75rem;
}

.ht-spacing {
    padding-top: 10rem !important;
}

.btn-read-more:hover span {
    color: var(--inovic-yellow);
}

.btn-read-more span::before {
    background: var(--inovic-yellow);
}



/* Product Detail Page */

.about-banner-area {
    background: #fff;
    padding-bottom: 4rem;
}

.about-banner-area .container {
    position: relative;
    z-index: 1;
}

/* .about-banner-area:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 14rem;
    left: 0;
    background: #fba31f;
    z-index: 0;
} */

.prd-detail_hero img {
    border-radius: 1rem;
}

.about-banner-area h1 {
    color: #000;
}

.about-banner-area .subtitle-text {
    color: #000 !important;
}

.about-banner-area p {
    color: #606060;
}

.tmp-portfolio-details-bento-image-area table {
    margin-bottom: 2.5rem;
}

.tmp-portfolio-details-bento-image-area table :is(th, td) {
    padding: 0.625rem;
    border: 0.0625rem solid #ddd;
    background-color: #eee;
    color: #000;
}

.tmp-portfolio-details-bento-image-area ul li::after {
    background-color: var(--inovic-yellow);
}

body .single-wrapper-details-right-p .popup-video {
    width: 3.75rem;
    height: 3.75rem;
    font-size: 0.875rem;
    line-height: 1;
}

body .single-wrapper-details-right-p .popup-video span i {
    font-size: 1.375rem;
}

body .single-wrapper-details-right-p .video-btn {
    margin-bottom: 1.25rem;
}

body .single-wrapper-details-right-p .btn-primary {
    display: flex;
    align-items: center;
    letter-spacing: -0.0125rem;
    gap: 0.5rem;
    padding: 0.4375rem 0.9375rem;
    white-space: nowrap;
}

body .single-wrapper-details-right-p .btn-primary i {
    padding: 0;
    inset: 0;
    font-size: 1rem;
}

body .single-wrapper-details-right-p .btn-wrap {
    gap: 0.9375rem 0;
}

.thumbImgShowCase .slider .slick-prev:before,
.thumbImgShowCase .slider-vertical .slick-next:before {
    display: none;
}

.thumbImgShowCase .slider .slick-prev,
.thumbImgShowCase .slider .slick-next {
    width: 1.75rem;
    height: 1.75rem;
    border-style: solid;
    margin: 0.625rem;
    display: inline-block !important;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    cursor: pointer;
}

.thumbImgShowCase .slider .slick-prev:before,
.thumbImgShowCase .slider .slick-next:before {
    display: none;
}

.thumbImgShowCase .slider .slick-prev {
    border-width: 0.875rem 0.875rem 0.875rem 0rem;
    border-color: transparent #dddddd;
    left: -3.125rem;
    right: auto;
}

.thumbImgShowCase .slider .slick-next {
    border-width: 0.875rem 0rem 0.875rem 0.875rem;
    border-color: transparent #dddddd;
    right: -3.125rem;
    left: auto;
}

.thumbImgShowCase .slider .slick-prev:hover,
.thumbImgShowCase .slider .slick-next:hover {
    border-color: transparent #ffd200;
}

.thumbImgShowCase .slider .slick-prev.slick-disabled,
.thumbImgShowCase .slider .slick-next.slick-disabled,
.slider .slick-prev.slick-disabled:hover,
.slider .slick-next.slick-disabled:hover {
    opacity: 0.1;
    cursor: default;
    border-color: transparent var(--inovic-black);
}

.thumbImgShowCase .slider.slider-thumb div {
    height: 8rem !important;
    text-align: center;
    font-size: 4.6875rem;
    color: var(--inovic-white);
    padding: 0.625rem;
    border-radius: 1rem;
    overflow: hidden;
}

.thumbImgShowCase .slider-thumb div {
    height: 6.25rem;
    line-height: 3.125rem;
    font-size: 1.5625rem;
}

.thumbImgShowCase .slider.slider-thumb div img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1rem;
    border: 0.125rem solid transparent;
}

.thumbImgShowCase .slider-thumb .slick-slide.slick-current img {
    border-color: var(--inovic-yellow);
}

.thumbImgShowCase .slider.slider-content {
    /* height: 40.625rem !important; */
    height: 28rem !important;
}

body .thumbImgShowCase .slider.slider-content .slick-list {
    height: 100% !important;
}

.thumbImgShowCase .slider img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.tmp-get-in-touch-area.area-2 .section-inner .icon a {
    background-color: var(--inovic-yellow);
    color: var(--inovic-black);
}

.tmp-get-in-touch-area.area-2 .section-inner .text a {
    color: var(--inovic-yellow);
}

.tmp-get-in-touch-area .section-inner::after {
    background: var(--inovic-yellow);
    border-color: var(--inovic-yellow);
    color: var(--inovic-black);
}

.thumbImgShowCase .slider.slider-thumb :is(.slick-next, .slick-prev) {
    top: 2.5rem;
}

.thumbImgShowCase .slider.slider-content button {
    display: none !important;
}

.thumbImgShowCase .slider.slider-content div {
    border-radius: 1rem;
    overflow: hidden;
}

.content-area-single-career ul li::after {
    background-color: var(--inovic-yellow);
}

.listing-style-solid li::before {
    color: var(--inovic-yellow);
}

img.prd-bg {
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
}

.product-list .container {
    z-index: 2;
    position: relative;
}

.single-project-style-three .inner-content {
    opacity: 1;
    padding: 1.25rem 1.875rem 0.625rem 1.875rem;
    bottom: 1.875rem;
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    max-width: 90%;
    background-color: var(--inovic-yellow);
}

.single-project-style-three .inner-content .title {
    color: var(--inovic-black);
    font-size: 1.375rem;
}

.single-project-style-three:hover .inner-content {
    background-color: var(--inovic-black);
}

.single-project-style-three {
    box-shadow: 0 0 0.625rem var(--inovic-black);
    padding: 0.3125rem;
    background: var(--inovic-black);
    border-radius: 1.875rem;
    overflow: hidden;
}

.single-project-style-three:hover .inner-content .title {
    color: var(--inovic-yellow);
}

.single-project-style-three .thumbnail img {
    width: 100%;
    transition: 0.5s;
    height: 21.875rem;
    object-fit: cover;
    transform: scale(1) !important;
    border-radius: 1.625rem;
}

.product-list.tmp-business-case {
    padding: 10rem 0 !important;
}

.product-list .tmponhover::before {
    border-radius: 0.75rem !important;
}

.product-list .tmponhover::after {
    inset: 0.5rem;
    border-radius: 1.625rem !important;
}

.pt-140 {
    padding-top: 8.75rem;
}

.tmp-callto-action-area .tmponhover>img {
    filter: hue-rotate(173deg);
}

.clltoaction-style-default.style-5 .content-wrapper {
    padding: 5rem;
}

.clltoaction-style-default.style-5 a.tmp-btn.btn-primary {
    display: flex;
    gap: 0.625rem;
}

.prd-detail-hero p {
    font-size: 1.125rem;
    color: #eee;
}

.pb-80 {
    padding-bottom: 5rem !important;
}

.pb-140 {
    padding-bottom: 8.75rem !important;
}

.pb-160 {
    padding-bottom: 10rem;
}

.pb-200 {
    padding-bottom: 12.5rem;
}

.lg-outer .lg-thumb-outer {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    bottom: 0 !important;
    width: 100% !important;
    background-color: rgba(0, 0, 0, 0.85) !important;
    padding: 0.625rem 0 !important;
    z-index: 1080 !important;
    height: 6.25rem !important;
    min-height: 6.25rem !important;
}

.lg-outer .lg-components {
    display: block !important;
    visibility: visible !important;
}

.lg-outer .lg-thumb-item {
    border: 0.125rem solid transparent !important;
    border-radius: 0.25rem !important;
    cursor: pointer !important;
    opacity: 0.5 !important;
    transition: all 0.3s ease !important;
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
    opacity: 1 !important;
    border-color: var(--inovic-yellow) !important;
}

.lg-outer .lg-thumb-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.related-projects {
    background: #3c3c3c;
    margin: -3.125rem 0;
    border-radius: 2.5rem;
}

.pt-120 {
    padding-top: 7.5rem;
}

.pb-120 {
    padding-bottom: 7.5rem;
}

.project-overview .tmponhover::after {
    background: var(--inovic-yellow);
}

.project-overview p {
    color: #eee;
}

.project-overview .left-sidebar h4,
.project-overview .left-sidebar ul li,
.project-overview .left-sidebar ul li span {
    color: var(--inovic-black);
}

.project-overview .tmponhover::before {
    background: radial-gradient(#fff, transparent, transparent);
}

.prd-detail-hero {
    background-color: var(--inovic-darkest-black);
    background-image: url('data:image/svg+xml,<svg width="551" height="542" viewBox="0 0 551 542" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.46" filter="url(%23filter0_f_193_2)"><path d="M358.183 398.419L203.476 473.331C36.9923 492.871 235.945 638.694 468.882 621.673C655.232 608.056 643.033 363.107 613.64 242.334C653.228 36.2352 381.944 200.583 444.517 266.478C494.575 319.193 407.819 376.403 358.183 398.419Z" fill="%23CB8F01"/></g><g style="mix-blend-mode:lighten" filter="url(%23filter1_f_193_2)"><path d="M676.235 587.319L826.897 504.57C992.158 476.516 785.988 341.091 554.23 370.037C368.824 393.195 393.571 637.196 429.121 756.302C400.157 964.16 662.654 786.113 596.783 723.515C544.086 673.437 627.794 611.852 676.235 587.319Z" fill="%23CB8F01"/></g><defs><filter id="filter0_f_193_2" x="3.05176e-05" y="-9.15527e-05" width="772.533" height="764.952" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="70.95" result="effect1_foregroundBlur_193_2"/></filter><filter id="filter1_f_193_2" x="299.994" y="261.805" width="690.812" height="696.626" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="52.1" result="effect1_foregroundBlur_193_2"/></filter></defs></svg>');
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 31.25rem;
}

.tmp-counterup-area .col-lg-4:last-child .count-box>div i {
    transform: scale(1.2);
}

img.bg-left-center {
    position: absolute;
    left: -24%;
    top: 26%;
    z-index: -1;
    opacity: 1;
    filter: blur(0.15625rem);
}

.rotation-360 {
    animation: rotation_360 35s infinite linear;
}

@keyframes rotation_360 {
    from {
        transform: rotate(0deg);
    }

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

.bg-white-wrap .rotation-360 {
    z-index: 1;
    top: 46%;
}

img.bg-right-bottom {
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0.35;
    filter: blur(0rem);
    z-index: -1;
}

.knowledge-hub {
    background-color: var(--inovic-darkest-black);
    background-image: url('data:image/svg+xml,<svg width="551" height="542" viewBox="0 0 551 542" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.46" filter="url(%23filter0_f_193_2)"><path d="M358.183 398.419L203.476 473.331C36.9923 492.871 235.945 638.694 468.882 621.673C655.232 608.056 643.033 363.107 613.64 242.334C653.228 36.2352 381.944 200.583 444.517 266.478C494.575 319.193 407.819 376.403 358.183 398.419Z" fill="%23CB8F01"/></g><g style="mix-blend-mode:lighten" filter="url(%23filter1_f_193_2)"><path d="M676.235 587.319L826.897 504.57C992.158 476.516 785.988 341.091 554.23 370.037C368.824 393.195 393.571 637.196 429.121 756.302C400.157 964.16 662.654 786.113 596.783 723.515C544.086 673.437 627.794 611.852 676.235 587.319Z" fill="%23CB8F01"/></g><defs><filter id="filter0_f_193_2" x="3.05176e-05" y="-9.15527e-05" width="772.533" height="764.952" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="70.95" result="effect1_foregroundBlur_193_2"/></filter><filter id="filter1_f_193_2" x="299.994" y="261.805" width="690.812" height="696.626" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="52.1" result="effect1_foregroundBlur_193_2"/></filter></defs></svg>');
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 43.75rem;
    background-attachment: fixed;
}

.knowledge-hub .content .title {
    font-size: 1.375rem;
}

.knowledge-hub .tmp-card.card-list-view {
    padding: 0.125rem;
}

.tmp-blog-details-area p,
.about-info p,
.career-content-area p,
.career-content-area ul li,
.career-content-area strong {
    color: #eee;
}

span.orange-blob-noise {
    position: fixed;
    left: -13.125rem;
    bottom: -6.25rem;
    width: 22.5rem;
    height: 20.3125rem;
    background: var(--inovic-yellow);
    border-radius: 50%;
    filter: blur(1.375rem);
    opacity: 0.75;
    z-index: -1;
    animation: rotation_360 7s infinite linear;
}

.career-content-area .image-area-career img {
    width: 100%;
}

.tmp-timeline-wrapper p {
    font-size: 1rem;
    color: #eee;
    margin-bottom: 0.625rem;
}

.tmp-timeline-wrapper .single-timeline .single-content {
    padding: 4rem 2.5rem;
}

img.left-rope {
    position: absolute;
    bottom: -8rem;
    width: 2rem;
    left: 7rem;
    z-index: 7;
}

img.right-rope {
    position: absolute;
    bottom: -8rem;
    width: 2rem;
    right: 7rem;
    z-index: 7;
}

.single-timeline {
    margin-top: 5.5rem !important;
}

.tmp-timeline-wrapper .single-timeline .single-content .inner .content .title {
    font-size: 2rem;
    margin-bottom: 1rem;
}

.single-timeline:nth-child(2) {
    z-index: 4;
}

.single-timeline:nth-child(3) {
    z-index: 3;
}

.single-timeline:nth-child(4) {
    z-index: 2;
}

.single-timeline:nth-child(4) .left-rope,
.single-timeline:nth-child(4) .right-rope {
    display: none;
}

.tmp-timeline-wrapper .timeline-dot::before {
    background: var(--inovic-yellow);
}

.timeline-dot .time-line-circle {
    background: radial-gradient(50% 50% at 50% 50%, rgba(242, 201, 76, 0) 40.62%, rgba(248, 165, 32, 0.5) 100%)
}

.tmp-timeline-area.tmp-section-gapBottom.tmp-section-gap {
    background-color: var(--inovic-darkest-black);
    /* background-image: url('data:image/svg+xml,<svg width="551" height="542" viewBox="0 0 551 542" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.46" filter="url(%23filter0_f_193_2)"><path d="M358.183 398.419L203.476 473.331C36.9923 492.871 235.945 638.694 468.882 621.673C655.232 608.056 643.033 363.107 613.64 242.334C653.228 36.2352 381.944 200.583 444.517 266.478C494.575 319.193 407.819 376.403 358.183 398.419Z" fill="%23CB8F01"/></g><g style="mix-blend-mode:lighten" filter="url(%23filter1_f_193_2)"><path d="M676.235 587.319L826.897 504.57C992.158 476.516 785.988 341.091 554.23 370.037C368.824 393.195 393.571 637.196 429.121 756.302C400.157 964.16 662.654 786.113 596.783 723.515C544.086 673.437 627.794 611.852 676.235 587.319Z" fill="%23CB8F01"/></g><defs><filter id="filter0_f_193_2" x="3.05176e-05" y="-9.15527e-05" width="772.533" height="764.952" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="70.95" result="effect1_foregroundBlur_193_2"/></filter><filter id="filter1_f_193_2" x="299.994" y="261.805" width="690.812" height="696.626" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="52.1" result="effect1_foregroundBlur_193_2"/></filter></defs></svg>'); */
    background-image: url('../../images/skyline-bg.webp');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100%;
    background-attachment: fixed;
}

.side-info h4 {
    color: var(--inovic-yellow);
}

input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=tel]:focus,
textarea:focus {
    border-color: var(--inovic-yellow);
}

ul li a:hover,
.call-to-action-modern-wrapper .right-wrapper p a:hover {
    color: var(--inovic-yellow);
}

.counter-style-4 .counter-title {
    color: #fffcf7 !important;
    margin-bottom: 0.5rem;
}

.mainmenu-nav .mainmenu li.has-droupdown .submenu {
    width: max-content;
}

body .mainmenu-nav .mainmenu li.has-droupdown .submenu li a:hover {
    margin-left: 0.625rem;
    border-color: transparent;
}

body .mainmenu-nav .mainmenu li.has-droupdown .submenu li a {
    color: var(--inovic-white);
    border-bottom: 1px dashed #444444;
    padding: 0.5rem 1.25rem;
}


ul.submenu li:last-child a {
    border: 0 !important;
}

.has-menu-child-item>a::after {
    top: 40%;
    transition: 0.2s;
}

@media only screen and (max-width: 767px) {
    .tmp-section-title-border .subtitle {
        max-width: 100%;
    }

    img.prd-bg {
        position: fixed;
        z-index: 1;
        top: 0;
        right: 0;
        width: 400%;
        max-width: unset;
        opacity: 0.75;
    }

    html {
        font-size: 16px;
    }

    .crane-move .crane-wrap {
        transform: scale(0.25) translate(-2050px, -970px) !important;
        transform-origin: center !important;
    }

    .trusted .clients-logos .clients-logos-wrap .client-logo img {
        height: 1.75rem;
        margin: 0 1rem;
    }

    .trusted .tmp-section-title-border.text-center {
        margin-bottom: 3rem;
    }
}

@media screen and (max-width: 380px) {
    .crane-move .crane-wrap {
        transform: scale(0.22) translate(-2420px, -1210px) !important;
    }
}



.tmp_jump_animation-wrapper {
    justify-content: center;
}

/* Light Mode */
.inverweb-side-bar-close::after {
    background-color: var(--inovic-white);
}

.inverweb-side-bar-close {
    background-color: var(--inovic-white);
}

.inverweb-side-bar-close .side-info .contact-list p,
.inverweb-side-bar-close .side-info .contact-list a {
    color: var(--inovic-black);
}

.social-default li a:hover {
    color: var(--inovic-white);
}

.inverweb-side-bar-close::after {
    display: none;
}

/* .inverweb-side-bar-close .logo-side a img {
    filter: brightness(10) invert(1) contrast(8);
} */

.inverweb-side-bar-close .close-icon-menu {
    background-color: #f2f2f2;
}

.inverweb-side-bar-close .close-icon-menu::after {
    background: var(--inovic-yellow);
}

.social-default li a:hover {
    color: var(--inovic-black);
}

body .mainmenu-nav .mainmenu li.has-droupdown .submenu {
    background-color: var(--inovic-white);
}

body .mainmenu-nav .mainmenu li.has-droupdown .submenu li a {
    color: var(--inovic-darkest-black);
    border-radius: 0;
}

.has-menu-child-item:hover>a::after {
    content: "\e931";
}

.dot-btn .offcanvas-trigger .offcanvas-bars span::before,
.dot-btn .offcanvas-trigger .offcanvas-bars span::after {
    background-color: var(--inovic-black);
}

body .tmp-btn.btn-primary {
    color: var(--inovic-black);
}

body .tmp-btn.btn-primary:hover {
    color: var(--inovic-white);
}

body .tmp-btn.btn-primary::after {
    background-color: var(--inovic-darkest-black);
}

body .slick-list .slick-track .slider-area::after,
body .slider-style-2.variation-2::after {
    background: var(--inovic-white-gradient);
}

body .slick-list .slick-track .inner.text-left .tag-title,
body .slick-list .slick-track .inner.text-left h1.title.display-one,
body .slider-style-2.variation-2 .inner .title,
body .slick-list .slick-track .inner.text-left p {
    color: var(--inovic-black);
}

.about-area.about-style-4 {
    background-color: var(--inovic-white);
}

.about-area.about-style-4 .tmp-section-title-border .subtitle .subtitle-text,
.about-area.about-style-4 .title,
.about-area.about-style-4 p {
    color: var(--inovic-black);
}


.footer-style-default.variation-two,
.machines,
.tmp-portfolio-area {
    background: var(--inovic-dark-white-gradient);
}

.tmp-portfolio-area .pres-line-separator-wrapper.text-center .subtitle-text,
.machines .pres-line-separator-wrapper.text-center .subtitle-text {
    color: var(--inovic-black);
}

.tmp-card .inner .content {
    background-color: var(--inovic-white);
}

.tmp-card.portfolio {
    border: 0;
    border-radius: 16px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0px 2px 9px #0000003d;
}

/* .tmp-card.portfolio::after {
    content: "→";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 3rem;
    height: 3rem;
    background-color: var(--inovic-yellow);
    z-index: 1;
    border-radius: 50%;
} */


.tmp-card .inner .content a.tmp-badge-2 {
    background-color: var(--inovic-yellow) !important;
    color: var(--inovic-darkest-black);
}

h2,
.h2,
.tmp-card .inner .content .title a {
    color: var(--inovic-black);
}

.tmp-card .inner .content .title a:hover {
    color: var(--inovic-black);
    opacity: 0.6;
}

.tmp-counterup-area h2 {
    color: var(--inovic-white);
}

/* .prd-card {
    background: #f1f1f1;
} */

[data-black-overlay]:before {
    background-color: var(--inovic-yellow);
    opacity: .6;
}

.call-to-action-modern-wrapper span b {
    color: #ffffff;
}

.footer-form-wrap {
    background: var(--inovic-white) !important;
}

.footer-form-wrap :is(h4, p),
.footer-style-default .footer-top .tmp-footer-widget .subtitle,
.footer-style-default .footer-top .tmp-footer-widget .title,
.footer-style-default .footer-top .tmp-footer-widget .footer-link li a,
.copyright-style-one .ft-menu li a,
.copyright-style-one .copyright-text {
    color: var(--inovic-black);
}

.copyright-style-one {
    border-color: rgb(0 0 0 / 10%);
}

.copyright-style-one .ft-menu li a:hover {
    color: var(--inovic-yellow);
}

.trusted .container {
    max-width: 100% !important;
    padding: 0;
}

h1.title.display-one {
    width: max-content;
    background: rgb(249 242 246 / 52%);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(3px);
    padding: 1rem;
    box-shadow: 0 0 9px #00000047;
    border-radius: 1rem;
    margin-top: 4rem !important;
}

body .slick-list .slick-track .inner.text-left p {
    font-size: 1.25rem;
    font-weight: 500;
}

/* body .slider-style-2.variation-2 .inner .title span {
    -webkit-text-stroke: 3px #874b87;
    color: transparent !important;
} */
body .slick-list .slick-track .slider-area::after,
body .slider-style-2.variation-2::after {
    background: linear-gradient(318deg, rgba(0, 0, 0, 0) 0.04%, #f8a52099 95.07%)
}

.product-list.tmp-business-case {
    background-color: var(--inovic-white);
}

.pres-line-separator-wrapper.text-center .subtitle-text,
p.description {
    color: var(--inovic-black);
}

.product-list.tmp-business-case {
    background-color: var(--inovic-white);
}

.pres-line-separator-wrapper.text-center .subtitle-text,
p.description {
    color: var(--inovic-white);
}

.ab-info-blocks .pres-line-separator-wrapper.text-center .subtitle-text {
    color: var(--inovic-yellow);
}

body .header-default.header-transparent.header-one,
body .header-default.header-transparent.header-one.sticky {
    border-bottom: 1px solid #ddd;
}

.product-list.tmp-business-case .tmponhover::after {
    background-color: #fff;
}

.product-list.tmp-business-case .single-project-style-three {
    background: #f1f1f1;
    box-shadow: none;
}

.prd-detail-hero {
    background: var(--inovic-white);
}

.prd-detail-hero h1,
.prd-detail-hero p {
    color: var(--inovic-darkest-black);
}

.tmp-portfolio-details-bento-image-area {
    background-image: url(/assets/images/site/inovic-eot-sketch.webp);
    background-color: #fff;
    background-attachment: fixed;
    background-size: 76%;
    background-position: center;
    background-repeat: no-repeat;
    position: relative
}

.tmp-portfolio-details-bento-image-area:before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgb(255 255 255 / 81%);
    /* adjust opacity here */
    z-index: 1;
}

.tmp-portfolio-details-bento-image-area.project-overview:before {
    background: rgb(255 255 255 / 60%);
}

.project-overview {
    background-size: 100%;
}

.project-overview h4.title {
    color: var(--inovic-black);
}

.tmp-portfolio-details-bento-image-area .container {
    position: relative;
    z-index: 2;
}

.tmp-portfolio-details-bento-image-area ol li,
.tmp-portfolio-details-bento-image-area [class*='col-']:first-child h4,
.tmp-portfolio-details-bento-image-area [class*='col-']:first-child .h4,
.tmp-portfolio-details-bento-image-area [class*='col-']:first-child .project-list-details li {
    color: var(--inovic-black);
}

.tmp-portfolio-details-bento-image-area [class*='col-']:last-child a::after,
.tmp-portfolio-details-bento-image-area [class*='col-']:last-child a::before {
    color: var(--inovic-black);
}

.tmp-callto-action-area {
    background: #fff;
}

.tmp-callto-action-area .tmponhover>img {
    width: 100%;
}

.tmp-callto-action-area .tmp-callto-action {
    padding-bottom: 5rem;
}


/* Project Detail Page WT */
.tmp-portfolio-details-bento-image-area .content-area p {
    color: var(--inovic-black);
}

.tmp-case-studies.related-projects {
    background: var(--inovic-dark-white-gradient);
}

.tmp-get-in-touch-area {
    background: var(--inovic-dark-white-gradient);
}

.tmp-get-in-touch-area .section-inner .content {
    margin: 0;
}

.tmp-get-in-touch-area .section-inner img {
    width: 420px;
    height: 315px;
    object-fit: cover;
    object-position: center;
}

/* KH List */
.main-content.knowledge-hub {
    background: #fff4e2;
}

.knowledge-hub .subtitle-text {
    color: #000 !important;
}

.tmp-section-gapBottom.ff {
    background: #fff;
}

.main-content.knowledge-hub h1 {
    color: var(--inovic-black);
}

.main-content.knowledge-hub .tmp-card.card-list-view .inner .content {
    /* background-color: var(--inovic-white); */
    background-color: #fff7e9;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.main-content.knowledge-hub .tmp-card.card-list-view .inner .content .title {
    line-height: 1.1 !important;
}

.main-content.knowledge-hub .tmp-card.card-list-view .inner .content .title a {
    font-size: 1.125rem;
    line-height: 1.3;
    color: #ffffff;
}

.main-content.knowledge-hub .tmp-card.card-list-view .btn-read-more span {
    color: var(--inovic-white);
    font-weight: bold;
    border-bottom: 1px solid;
}

.main-content.knowledge-hub .tmp-card.card-list-view .btn-read-more span:before,
.main-content.knowledge-hub .tmp-card.card-list-view .btn-read-more span:after {
    display: none;
}

.main-content.knowledge-hub .tmp-card.card-list-view .btn-read-more:hover span {
    color: var(--inovic-yellow);
}

.main-content.knowledge-hub .tmp-card.card-list-view {
    border-radius: .9rem;
    overflow: hidden;
    padding: 0;
    border: 0;
    background: #fff4e2;
    box-shadow: 14px 14px 34px #ebe0d0,
        -14px -14px 34px #fffff4;
}

.main-content.knowledge-hub .tmponhover::before {
    border-radius: 1rem;
}

.main-content.knowledge-hub .tmponhover::after {
    inset: 1rem;
}

.main-content.knowledge-hub .tmp-card.card-list-view .inner {
    border-radius: .5rem;
    overflow: hidden;
}

.main-content.knowledge-hub .tmp-card.card-list-view .inner .content {
    background: var(--inovic-black);
}

.main-content.knowledge-hub .col-lg-6:nth-child(4n + 1) .tmp-card.card-list-view .inner .content,
.main-content.knowledge-hub .col-lg-6:nth-child(4n + 4) .tmp-card.card-list-view .inner .content {
    background-color: var(--inovic-yellow);
}

.main-content.knowledge-hub .col-lg-6:nth-child(4n + 1) .tmp-card.card-list-view .inner .content .btn-read-more span,
.main-content.knowledge-hub .col-lg-6:nth-child(4n + 4) .tmp-card.card-list-view .inner .content .btn-read-more span {
    color: #383838;
    border-bottom: 1px solid;
}

.main-content.knowledge-hub .col-lg-6:nth-child(4n + 1) .tmp-card.card-list-view .inner .content .title a,
.main-content.knowledge-hub .col-lg-6:nth-child(4n + 4) .tmp-card.card-list-view .inner .content .title a {
    color: #383838 !important;
}

/* KH Detail Page */
.tmp-callto-action-area.pb-0 .tmp-callto-action {
    padding-bottom: 0;
}

.tmp-blog-details-area {
    background: var(--inovic-dark-white-gradient);
}

.tmp-blog-details-area .subtitle-text {
    color: var(--inovic-black) !important;
}

.bg-light-yellow {
    background: #fff4e2 !important;
}

.post-page-banner .tmp-meta-list li,
.post-page-banner .tmp-meta-list li a,
.post-page-banner .tmp-meta-list li i {
    color: var(--inovic-black);
}

.post-page-banner .tmp-meta-list li a:hover {
    color: var(--inovic-yellow);
}

.about-info,
.career-content-area {
    background: #fff;
}

.career-content-area {
    background: var(--inovic-dark-white-gradient);
    padding: 4rem 0;
}

.about-info p {
    color: var(--inovic-black);
}

.about-info p strong {
    color: inherit;
}

.career-content-area .content-area-single-career :is(h4, p, strong, ul li, p),
.career-content-area p,
.about-info :is(h4, p, ul li) {
    color: var(--inovic-black);
}


/* PP Page */
.pp-page.tmp-elements-area {
    background: var(--inovic-dark-white-gradient);
}

.pp-page.tmp-elements-area :is(h1, .h1, h4, .h4, p, ul li, ol li) {
    color: var(--inovic-black);
}


/* Footer 2 Col */
.footer-style-default .footer-top .db-col .tmp-footer-widget .footer-link {
    column-count: 2;
}

.footer-form-wrap form input {
    background: #f1f1f1;
    color: #000;
}

.header-top-bar .header-right .address-content p span {
    display: inline-flex;
    align-items: center;
    gap: .15rem;
}

.header-top-bar .header-right .address-content p+p::before {
    background: var(--inovic-black);
    opacity: .5;
    height: .95rem;
}


/* SLIDER CSS */
/* Header Section */
.tmp-portfolio-area .header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 60px;
    flex-wrap: wrap;
    gap: 20px;
}

.tmp-portfolio-area .header-content h3 {
    font-size: 18px;
    letter-spacing: 3px;
    color: #666;
    margin-bottom: 10px;
    font-weight: 500;
    text-transform: uppercase;
}

.tmp-portfolio-area .header-content h2 {
    font-weight: 700;
    color: #000;
}

.tmp-portfolio-area .slider-nav {
    display: flex;
    gap: 15px;
    justify-content: end;
    transform: translate(0, -4rem);
}

.tmp-portfolio-area .nav-btn {
    width: 50px;
    height: 50px;
    border: 2px solid #ddd;
    border-radius: 50%;
    background: white;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.tmp-portfolio-area .nav-btn:hover {
    border-color: var(--inovic-yellow);
    background: var(--inovic-yellow);
}

.tmp-portfolio-area .nav-btn:hover svg {
    stroke: white;
}

.tmp-portfolio-area .nav-btn svg {
    width: 20px;
    height: 20px;
    stroke: #000;
    stroke-width: 2;
    fill: none;
    transition: stroke 0.3s ease;
}

/* Slider Container */
.tmp-portfolio-area .slider-container {
    position: relative;
    padding: 20px 0;
}

/* Slide Item */
.tmp-portfolio-area .slide {
    outline: none;
    padding: 0 10px;
}

.tmp-portfolio-area .slide-inner {
    height: 450px;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
}

.tmp-portfolio-area .slide-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.tmp-portfolio-area .slide-inner:hover img {
    transform: scale(1.1);
}

/* Slide Overlay - Default State */
.tmp-portfolio-area .slide-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.4s ease;
}

.tmp-portfolio-area .slide-inner:hover .slide-overlay {
    opacity: 0;
}

.tmp-portfolio-area .slide-title-wrapper {
    color: white;
    font-size: 1.5rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 15px;
}

.tmp-portfolio-area .slide-title-wrapper svg {
    width: 28px;
    height: 28px;
    stroke: white;
    stroke-width: 2;
    fill: none;
    transition: transform 0.3s ease;
    position: relative;
    top: 2px;
}

.tmp-portfolio-area .slide-inner:hover .slide-title-wrapper svg {
    transform: translateX(5px);
}

/* Hover Content */
.tmp-portfolio-area .hover-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(234 171 81 / 80%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 40px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
}

.tmp-portfolio-area .slide-inner:hover .hover-content {
    opacity: 1;
    visibility: visible;
}

.tmp-portfolio-area .hover-subtitle {
    color: #fff;
    font-size: 14px;
    letter-spacing: 2px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.tmp-portfolio-area .hover-title {
    color: white;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 25px;
    line-height: 1.3;
}

.tmp-portfolio-area .cta-btn {
    background: white;
    color: #000;
    padding: 14px 32px;
    border-radius: 30px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    display: inline-block;
    font-size: 15px;
}

.tmp-portfolio-area .cta-btn:hover {
    background: #f0f0f0;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgb(234 171 81 / 20%);
}

/* Slick Slider Customization */
.tmp-portfolio-area .slick-slide {
    transition: all 0.3s ease;
}

.tmp-portfolio-area .slick-center .slide-inner {
    transform: scale(1);
}

/* Hide default slick arrows */
.tmp-portfolio-area .slick-prev,
.slick-next {
    display: none !important;
}

body .tmp-portfolio-area .slider-container .slick-slider .slick-list {
    height: 560px !important;
}

.social-default li a {
    background: var(--inovic-yellow);
    color: var(--inovic-black);
}

.social-default li a:hover {
    color: var(--inovic-white);
}

.social-default li a:after {
    background: var(--inovic-black);
}

.portfolio-3 .tmp-card .inner .content .title {
    font-size: 1.25rem !important;
    margin-bottom: 1rem !important;
}

.portfolio-items {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}

.portfolio-3 {
    width: calc(33.33% - 1.35rem);
}

.bg-none {
    background-image: none !important;
}


/* Responsive Design */
@media (max-width:1200px) {
    .slide-inner {
        height: 420px;
    }
}

@media (max-width:768px) {
    .portfolio-3 {
        width: 100%;
    }

    .header {
        padding: 0 30px;
    }

    .header-content h1 {
        font-size: 36px;
    }

    .slide-inner {
        height: 380px;
    }

    .nav-btn {
        width: 45px;
        height: 45px;
    }

    .hover-content {
        padding: 30px;
    }

    .hover-title {
        font-size: 26px;
    }

    .slide-title-wrapper {
        font-size: 24px;
    }

    .main-content.knowledge-hub .col-lg-6:nth-child(odd) .tmp-card.card-list-view .inner .content {
        background-color: var(--inovic-yellow);
    }

    .main-content.knowledge-hub .col-lg-6:nth-child(odd) .tmp-card.card-list-view .inner .content .btn-read-more span {
        color: #383838;
        border-bottom: 1px solid;
    }

    .main-content.knowledge-hub .col-lg-6:nth-child(odd) .tmp-card.card-list-view .inner .content .title a {
        color: #383838 !important;
    }

    .main-content.knowledge-hub .col-lg-6:nth-child(even) .tmp-card.card-list-view .inner .content {
        background-color: var(--inovic-black);
    }

    .main-content.knowledge-hub .col-lg-6:nth-child(even) .tmp-card.card-list-view .inner .content .btn-read-more span {
        color: var(--inovic-white);
        border-bottom: 1px solid;
    }

    .main-content.knowledge-hub .col-lg-6:nth-child(even) .tmp-card.card-list-view .inner .content .title a {
        color: var(--inovic-white) !important;
    }
}

@media (max-width:480px) {
    .header {
        padding: 0 20px;
    }

    .header-content h1 {
        font-size: 28px;
    }

    .header-content h3 {
        font-size: 10px;
    }

    .slide-inner {
        height: 350px;
    }

    .slide-title-wrapper {
        font-size: 22px;
    }

    .hover-title {
        font-size: 24px;
    }

    .nav-btn {
        width: 40px;
        height: 40px;
    }
}


/* Carousel Styles */
.td-canvas .carousel-container {
    padding-top: 50px;
}

/* .carousel__slider__item {
    width: 380px !important;
    height: auto !important;
    aspect-ratio: 4 / 3;
} */

.td-canvas .carousel {
    position: relative;
    display: block;
    width: 100%;
}

.td-canvas .carousel__prev,
.td-canvas .carousel__next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease;
    z-index: 100;
    cursor: pointer;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
}

.td-canvas .carousel__prev svg,
.td-canvas .carousel__next svg {
    width: 70%;
    height: 70%;
    fill: var(--inovic-yellow);
    transition: fill 0.3s ease;
}

.td-canvas .carousel__prev:hover,
.td-canvas .carousel__next:hover {
    transform: translateY(-50%) scale(1.1);
    background: var(--inovic-yellow);
}

.td-canvas .carousel__prev:hover svg,
.td-canvas .carousel__next:hover svg {
    fill: #000;
}

.td-canvas .carousel__prev {
    left: 10%;
}

.td-canvas .carousel__next {
    right: 10%;
}

.td-canvas .carousel__body {
    width: 100%;
    padding: 50px 0 50px 0;
    overflow: hidden;
}

.td-canvas .carousel__slider {
    position: relative;
    transition: transform 1s ease-in-out;
    background: var(--crsl-bg);
}

.td-canvas .carousel__slider__item {
    position: relative;
    display: block;
    float: left;
    box-sizing: border-box;
    margin-left: 20px;
    margin-right: 20px;
    transition: 0.4s;
}

.carousel__slider__item--active {
    transform: scale(1);
}


.td-canvas .item__3d-frame {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 1s ease-in-out;
    transform-style: preserve-3d;
}

.td-canvas.item__3d-frame:after {
    content: '';
    position: absolute;
    bottom: -15%;
    width: 100%;
    height: 40px;
    background: var(--inovic-white-gradient);
    box-shadow: 0px 0px 15px 10px var(--inovic-white-gradient);
    transform: rotateX(90deg) translate3d(0px, -20px, 0px);
    opacity: 0.6;
}

.td-canvas .item__3d-frame__box {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    /* background: var(--inovic-white-gradient); */
    overflow: hidden;
}

.td-canvas .item__3d-frame__box img {
    width: 100%;
    height: 100%;
    /* border-radius: 1rem; */
    object-fit: cover;
    border: 1px solid #000;
}

.td-canvas .item__3d-frame__box--right,
.td-canvas .item__3d-frame__box--left {
    top: 0;
    width: 40px;
    backface-visibility: hidden;
    background: #fba31f;
}

.td-canvas .item__3d-frame__box--left {
    left: 0;
    transform: translate3d(1px, 0, -40px) rotateY(-90deg);
    transform-origin: 0%;
    overflow: hidden;
    /* border: 1px solid #dcdcdc; */
    box-shadow: 0 0 9px #00000042;
}

img.map-prd-bg {
    position: absolute;
    left: 50%;
    top: 10rem;
    transform: translateX(-50%);
    width: 90%;
    z-index: 0;
    opacity: 0.35;
}

.carousel-container {
    z-index: 2;
    position: relative;
}

/* .td-canvas.item__3d-frame__box--right { */
.item__3d-frame__box.item__3d-frame__box--right {
    /* opacity: 0; */
    right: 0;
    transform: translate3d(-1px, 0, -40px) rotateY(90deg);
    transform-origin: 100%;
    /* background: transparent; */
    overflow: hidden;
    /* border: 1px solid #dcdcdc; */
    box-shadow: 0 0 9px #00000042;
}

/* Thumbnail Styles */
.td-canvas .thumbnail-container {
    width: 100%;
    padding: 0 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.td-canvas .thumbnail-slider {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
    max-width: 60rem;
}

.td-canvas .thumbnail-item {
    width: 6rem;
    height: 5rem;
    cursor: pointer;
    transition: all 0.3s ease;
    opacity: 0.85;
    overflow: hidden;
    background: var(--inovic-white-gradient);
    border-radius: 0.25rem;
}

.td-canvas .thumbnail-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.3s ease;
}

.td-canvas .thumbnail-item.thumbnail-item--active {
    border: 2px solid var(--inovic-yellow);
}

.td-canvas.thumbnail-item:hover {
    opacity: 0.8;
    transform: scale(1.05);
}

.td-canvas .thumbnail-item:hover img {
    transform: scale(1.1);
}

.td-canvas .thumbnail-item--active {
    opacity: 1;
}

/* Auto-play Toggle Button */
.td-canvas .autoplay-toggle {
    position: fixed;
    top: 20px;
    right: 20px;
    background: transparent;
    border: none;
    color: var(--inovic-black);
    padding: 10px 20px;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    z-index: 1000;
    border-radius: 5px;
}

.td-canvas .autoplay-toggle:hover {
    background: rgba(255, 245, 230, 0.5);
    transform: scale(1.05);
}

.td-canvas.autoplay-toggle.active {
    color: var(--inovic-black);
}

.service.service__style--1 {
    box-shadow: 0 0 9px #0000002b;
    border-bottom: 6px solid #fba31f !important;
    background-color: #fff !important;

}

.service.service__style--1 p,
.service.service__style--1 h4 {
    color: #000 !important;
}

.ab-info-blocks {
    background: #fff4e2 !important;
    overflow: hidden;
}

.value-bg {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    z-index: 0;
    opacity: 0.5;
    transform: translateY(-50%) scale(1.5);
}

.tmp-address::after {
    background-color: #fff;
}

.tmp-address {
    box-shadow: 0 0 9px #00000026;
}

.tmp-address h4,
.tmp-address p,
.tmp-address a,
.tmp-address .inner p a {
    color: #000;
}

.cn-banner.top-spacing.tmp-contact-area {
    position: relative;
}

.cn-banner.tmp-contact-area:after {
    content: "";
    display: block;
    position: absolute;
    height: 60px;
    width: 100%;
    background: #fba31f;
    z-index: 0;
    bottom: 200px;
    border-radius: 100px;
}

.appoinment-form-wrapper {
    background: #fff2df;
}

.appoinment-form-wrapper input,
.appoinment-form-wrapper textarea {
    color: #000;
    background-color: #fff;
    box-shadow: 0 0 9px #00000021;
}

.appoinment-form-wrapper input:focus,
.appoinment-form-wrapper textarea:focus {
    border-color: #fba31f;
}

.contact-lottie {
    transform: translate(-250px, 10px);
}

.contact-form-1 .form-group input {
    height: 3.25rem;
}

.contact-form-1 textarea {
    min-height: 9rem;
}
.wpcf7-response-output {
    color: #000;
}
.appoinment-form-wrapper {
    padding-bottom: 1px;
}
.tmp-dynamic-form p{ margin-bottom: 0; }

.warning-card {
    display: inline-block;
    position: relative;
    background: var(--inovic-yellow);
    border-radius: 12px;
    padding: 30px 40px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    min-width: 200px;
    width: max-content;
    margin: auto;
}

.warning-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 12px;
    padding: 8px;
    background: repeating-linear-gradient(45deg,
            #1a1a1a,
            #1a1a1a 20px,
            #FFC107 20px,
            #FFC107 40px);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.warning-card::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background: radial-gradient(circle, #888 40%, #444 100%);
    border-radius: 50%;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5);
}

/* Corner screws */
.warning-card::after {
    top: 12px;
    left: 12px;
}

.screw-tr,
.screw-bl,
.screw-br {
    position: absolute;
    width: 12px;
    height: 12px;
    background: radial-gradient(circle, #888 40%, #444 100%);
    border-radius: 50%;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5);
}

.screw-tr {
    top: 12px;
    right: 12px;
}

.screw-bl {
    bottom: 12px;
    left: 12px;
}

.screw-br {
    bottom: 12px;
    right: 12px;
}

.warning-card .card-title {
    position: relative;
    z-index: 1;
    margin: 0;
    font-size: 1.75rem;
    font-weight: bold;
    color: #1a1a1a;
    text-align: center;
}

img.project-hook-img {
    width: 9rem;
    display: block;
    margin: auto;
}

.project-main-title {
    display: flex;
    flex-direction: column;
}

.project-overview h2.title {
    font-size: 2rem;
    color: #fba31f;
    display: inline-block;
    border-bottom: 1px solid;
    padding-bottom: 0.5rem;
}

.project-video-card .single-wrapper-details-right-p {
    background: #e4e4e4 !important;
    box-shadow: inset 0 0 9px #00000069;
}

.project-video-card .single-wrapper-details-right-p h4 {
    text-align: center;
}

.project-list-details {
    gap: 0.125rem;
}

.project-overview .content-area ul li {
    width: 100%;
    color: #000;
    font-size: 1rem;
    margin: 0;
}

.project-overview .content-area ul {
    gap: 0.125rem !important;
    margin-bottom: 1rem;
}

.project-overview h5 {
    font-size: 1.25rem;
    color: #000;
    margin-bottom: 0.5rem;
}

.project-overview .content-area h4 {
    color: #000;
    font-size: 1.5rem;
}

.project-overview .content-area h6 {
    background: #fba31f;
    display: inline-block;
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    font-style: italic;
    color: #000;
    border-radius: 2rem;
    font-weight: 600;
    margin-top: 1rem;
}

.project-overview .content-area p {
    margin-bottom: 0.75rem;
}

.tmp-btn:focus,
.btn-default:focus {
    background: var(--inovic-yellow);
}

/* body .thumbImgShowCase .slider.slider-content .slick-list.draggable {
    max-height: 28rem !important;
} */

.single-timeline {
    padding: 0 !important;
}

.timeline-dot {
    display: none;
}

img.about-hook {
    display: block;
    margin: -3rem auto -6rem auto;
    width: 45%;
}

.ab-timeline {
    overflow: hidden !important;
    padding-top: 2rem !important;
    margin-top: 0 !important;
}

.ab-hero {
    min-height: 84vh;
    display: flex;
    align-items: center;
}

.tmp-timeline-wrapper .single-timeline .single-content {
    padding: 70px 20px !important;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    img.left-rope {
        left: 2.5rem;
    }

    img.right-rope {
        right: 2.5rem;
    }

    .td-canvas .carousel__prev,
    .td-canvas .carousel__next {
        width: 40px;
        height: 40px;
    }

    .td-canvas .thumbnail-item {
        width: 80px;
        height: 60px;
    }


    .td-canvas .carousel-container {
        padding-top: 140px;
    }

    .cn-banner.tmp-contact-area .row.align-items-center>div {
        margin-bottom: 30px;
    }

    .cn-banner.tmp-contact-area:after {
        display: none;
    }

    .contact-lottie {
        transform: translate(-190px, -30px);
    }

    .cn-appoinment .aapoiment-left-area-thumbnail {
        margin-bottom: -60px;
    }
}

@media (max-width: 480px) {
    .td-canvas .thumbnail-item {
        width: 70px;
        height: 50px;
    }

    .td-canvas .autoplay-toggle {
        top: 10px;
        right: 10px;
        padding: 8px 15px;
        font-size: 12px;
    }
}




.td-canvas {
    background-color: #121212;
    background-image: url('data:image/svg+xml,<svg width="551" height="542" viewBox="0 0 551 542" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.46" filter="url(%23filter0_f_193_2)"><path d="M358.183 398.419L203.476 473.331C36.9923 492.871 235.945 638.694 468.882 621.673C655.232 608.056 643.033 363.107 613.64 242.334C653.228 36.2352 381.944 200.583 444.517 266.478C494.575 319.193 407.819 376.403 358.183 398.419Z" fill="%23CB8F01"/></g><g style="mix-blend-mode:lighten" filter="url(%23filter1_f_193_2)"><path d="M676.235 587.319L826.897 504.57C992.158 476.516 785.988 341.091 554.23 370.037C368.824 393.195 393.571 637.196 429.121 756.302C400.157 964.16 662.654 786.113 596.783 723.515C544.086 673.437 627.794 611.852 676.235 587.319Z" fill="%23CB8F01"/></g><defs><filter id="filter0_f_193_2" x="3.05176e-05" y="-9.15527e-05" width="772.533" height="764.952" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="70.95" result="effect1_foregroundBlur_193_2"/></filter><filter id="filter1_f_193_2" x="299.994" y="261.805" width="690.812" height="696.626" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="52.1" result="effect1_foregroundBlur_193_2"/></filter></defs></svg>');
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 31.25rem;
    overflow: hidden;
    position: relative;
    background-color: var(--inovic-yellow);
}

.td-canvas .prd-bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.td-canvas.trusted h2 {
    margin-bottom: 0;
}

.bg-white-wrap {
    background-color: var(--inovic-white);
}


@media (max-width:1199px) {
    .td-canvas .carousel-container {
        padding-top: 0;
    }

    .td-canvas .carousel__slider__item {
        height: 300px !important;
    }
}

@media (max-width:767px) {
    .td-canvas .carousel__body {
        margin-top: -50px;
    }

    .bg-white-wrap {
        padding-bottom: 3rem !important;
    }
}


/* .product-list .prd-card .flip-card-front i{
    background: var(--inovic-white-gradient);
}

.product-list .prd-card img{
    height: 15rem; 
    /* object-fit: contain; */
/* } */

.product-list .prd-card .crane-block {
    color: #000;
    font-weight: bold;
}


.cn-banner,
.cn-appoinment,
.cn-map {
    background-color: #fff;
}

.cn-banner .pres-line-separator-wrapper.text-center .subtitle-text {
    color: var(--inovic-black);
}


.cn-banner .tmp-address .inner p a {
    font-size: 1rem;
}





.cn-banner .tmp-address .inner h4.title {
    width: 100%;
}

.cn-banner .tmp-address .inner p {
    font-size: 16px;
}


.cn-banner .tmponhover::after {
    inset: .425rem;
}

.cn-banner .tmp-address {
    background: #f6f6f6;
}

.cn-appoinment .tmponhover::after {
    inset: .175rem;
}

.cn-banner .tmp-address .inner p a {
    font-size: 16px;
}

.cn-banner .tmp-address .inner h4.title {
    font-size: 18px;
    font-weight: 700;
    color: #fba31f;
    border-bottom: 1px solid;
    display: inline-block;
    width: max-content;
    padding-bottom: 5px;
}

:is(.cn-banner, .cn-appoinment, .cn-map) .row [class*='col-'] {
    position: relative;
    z-index: 2;
}

.cn-appoinment {
    position: relative;
    margin-top: -50px;
}

.cn-appoinment img.bg-left-center {
    filter: none;
    left: -19%;
    z-index: 1;
    pointer-events: none;
}

/* About Page */
.ab-hero {
    background-color: #fff;
    position: relative;
    overflow: hidden;
}


.ab-hero .inner .title {
    background: #fff;
    box-shadow: none;
    color: #000;
    margin-top: 0 !important;
    line-height: 1.2;
    padding: 0;
}

.ab-hero .inner p {
    color: #5e5d5d;
}

.ab-hero .inner p~p {
    margin-bottom: 0;
}

.ab-hero img.img-left-bottom {
    left: auto;
    right: -9rem;
    top: auto;
    bottom: -2rem;
    z-index: 0;
}

.ab-hero .video-btn {
    position: relative;
    z-index: 1;
}


.ab-timeline.tmp-timeline-area.tmp-section-gapBottom.tmp-section-gap {
    background-color: #f8f8f8;
    margin-top: -5rem;
}

.ab-timeline.tmp-timeline-area.tmp-section-gapBottom.tmp-section-gap .title {
    color: #fff;
}

@media (min-width: 1441px) {
    .ab-hero {
        /* min-height: 84vh; */
    }
}

.ab-timeline.tmp-timeline-area.tmp-section-gapBottom.tmp-section-gap .tmp-timeline-wrapper .single-timeline .single-content::after {
    background: linear-gradient(30deg, #000 0%, transparent 40%);
}

.ab-info-blocks {
    position: relative;
}

.ab-info-blocks h2 {
    color: #000;
}

.tmp-portfolio-area .slider-nav {
    justify-content: center;
    transform: none;
    margin: 40px 0 30px;
}

.machines .prd-bg {
    pointer-events: none;
}

.machines :is(.prd-card .flip-card-inner) {
    position: relative;
    z-index: 3;
}

.bg-white-wrap.pb--80 {
    position: relative;
    padding-bottom: 0 !important;
}

/* Particles.js Container */
#particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: transparent;
    /* Ensure it doesn't block background image if any, though it's behind content */
}

/* Ensure parent has relative position */
.tmp-portfolio-details-bento-image-area {
    position: relative;
    z-index: 1;
}