/* @import url(https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap); */
@import url(../fonts/custom-font.css);

/*@import url(../fonts/custom-google-font.css);*/
*,
::after,
::before,
ul {
    padding: 0;
    margin: 0
}

.counter-img-icon,
.round-text {
    transform: translate(-50%, -50%)
}

.service-grid:after,
.service-grid_shape img,
.service-grid_shape:after,
.service-grid_shape:before {
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%)
}

#menu,
#menuToggle span:first-child {
    transform-origin: 0% 0%
}

.our-services-part,
.our-services-section,
.sec-bottom-80,
.sec-top-80,
body,
html {
    overflow-x: hidden
}

.client-name h5,
.job-listing .jl-item p,
.z-sd-service-card p {
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

#menu,
[class*=" mi-"],
[class^=mi-] {
    -webkit-font-smoothing: antialiased
}

.jm-d ul,
.pr-list li,
.usp-nav ul,
ul {
    list-style: none
}

*,
.custom-button,
.usp-nav ul li a,
::after,
::before,
a,
input[type=checkbox]+* {
    text-decoration: none
}

.item-0,
.item-1 {
    grid-row-start: 1
}

.slide,
.slider {
    place-items: center
}

::selection {
    background-color: var(--clr-theme-color);
    color: #fff
}

*,
::after,
::before {
    box-sizing: border-box;
    scroll-behavior: smooth
}

body,
h4,
h5,
h6 {
    font-family: var(--ff-body)
}

.custom-list ul li,
.custom-paragraph p,
p {
    color: var(--clr-theme-black);
    font-size: 16px;
    line-height: 32px;
    font-family: var(--ff-body);
}

.about-call-content-cont p,
.counter-single .count-number,
.custom-button,
.faq-section__wrap .accordion-header,
.gt-form h4 {
    font-family: var(--ff-heading);
}

h1,
h2,
h3 {
    font-family: var(--ff-heading);
}

.bg-theme-main,
.inner-mission-vision {
    background-color: var(--clr-theme-bg) !important;
}

.km__light-bg {
    background-color: #f2f7f8;
}

a {
    color: unset;
    transition: .5s ease-in-out;
}

.dropcontent,
.dropcontent.show,
.dropcontents,
.dropcontents.show,
.navbar-toggler.collapsed .icon-bar,
.productivework_sec .contact-auhtor-box:hover .icons,
.work-cat>*,
.work-cat>:hover,
.work-title>*,
.work-title>:hover,
a:hover {
    transition: .5s ease-in-out;
}

.owl-carousel .item {
    position: relative;
    z-index: 100;
}

.owl-nav>div {
    position: absolute;
    top: 50%;
    color: #cdcbcd;
}

.owl-nav i {
    font-size: 52px;
}

.owl-nav .owl-prev {
    left: -30px;
}

.owl-nav .owl-next {
    right: -30px;
}

.z-navigation h3 span {
    font-size: 18px;
}

.home-carousel .owl-nav .owl-prev {
    top: 80%;
    left: 2%;
}

.home-carousel .owl-nav .owl-next {
    top: 80%;
    left: 6%;
}

.home-carousel .owl-nav i {
    font-size: 25px;
    color: #0085a3;
}

.z-button-outline button,
a.nav-link.z-button-outline {
    background-color: transparent;
    padding: 8px 30px;
    border: 2px solid #00a7dd;
    border-radius: 8px;
    display: flex;
    gap: 10px;
    color: #212529;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    font-size: 18px;
    transition: .3s;
    height: 44px;
}

.counter-box:last-child,
.form-button input,
.header-modal .modal-header,
.page-header .nav-item:last-child,
button.navbar-toggler {
    border: none;
}

button.navbar-toggler:focus {
    outline: 0;
    box-shadow: none;
    border: none;
}

.z-button button,
a.nav-link.z-button {
    background: linear-gradient(34deg, #0084a0, #00a5d9);
    padding: 10px 30px;
    border: none;
    color: #f2f2f2;
    border-radius: 8px;
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    position: relative;
    transition: .3s;
}

.round-text,
.round-text svg {
    border-radius: 50%;
    top: 50%;
    left: 50%;
}

.client_box img,
.client_box p {
    transition: .4s ease-in-out;
}

.z-button button:focus,
.z-button button:hover {
    box-shadow: inset 200px 0 0 0 var(--hover);
}

.z-button button {
    --color: #0084a0;
    --hover: #00465c;
}

.z-button-outline button:focus,
.z-button-outline button:hover {
    box-shadow: inset 200px 0 0 0 var(--hover);
    color: #fff;
}

.z-button-outline button {
    color: #00a5d9;
    --hover: #00a5d9;
}

.bg__shade-blue,
.navbar-toggler .icon-bar,
.process-section,
.social-area a:hover,
.sub-icon {
    background-color: var(--clr-theme-color);
}

.bg__theme-dark {
    background-color: var(--clr-theme-black-300);
}

@media only screen and (min-width:767px) {

    .hero .container-fluid,
    .hero .container-fluid .hero__bg-video,
    .hero .container-fluid .row,
    .hero .container-fluid .row .col-lg-12 {
        height: 100%;
    }

/*     .hero {
        height: 80vh;
        min-height: 700px;
    } */

    .hero .hero__bg-video video {
        width: 100%;
        object-fit: cover;
        height: 100%;
    }
}

.hero .hero__bg-video .hero__controls {
    position: absolute;
    left: 40px;
    bottom: 40px;
    display: flex;
    gap: 16px;
    align-items: center;
}

.hero .hero__bg-video .hero__controls>* {
    cursor: pointer;
    display: inline-flex;
    text-shadow: 2px 2px 8px #363541;
}

.hero .hero__bg-video .hero__controls>::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #fff;
    font-size: 22px;
}

.hero .hero__bg-video .hero__controls .pause::before {
    content: "\f04c";
}

.hero .hero__bg-video .hero__controls .pause.play::before {
    content: "\f04b";
}

.hero .hero__bg-video .hero__controls .mute::before {
    content: "\f6a9";
}

.hero .hero__bg-video .hero__controls .mute.unmute::before {
    content: "\f028";
}

.youtube-bg {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.youtube-bg::before {
    content: "";
    display: block;
    background: var(--primary_color);
    background: linear-gradient(45deg, var(--primary_color_alpha) 0, var(--secondary_color_alpha) 100%);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.youtube-bg #player {
    width: 100%;
    aspect-ratio: 16/9;
}

.about__right {
    padding-left: 45px;
}

.about__left,
.believe-slider-wrap .item,
.bulb-z-cont,
.business-card-carousel,
.business-slider,
.canvas-three-cogs,
.contact__form-main,
.form-button,
.form-group,
.g-reviews .item .content .desc,
.inner-work-culture .heading h2 span,
.km-footer-content li,
.km-footer-form,
.km-footer-top,
.process-line,
.process-step-card,
.process-steps-wrap .step,
.services_industries_left,
.site-section .img-box,
.skew-spacer,
.strategies_imgpart,
.support-section,
.three-cogs,
.usp-2-single-wrap,
.working-process {
    position: relative;
}

.about__left .img-part img,
.km-process-steps img {
    width: 100%;
}

.about__highlight {
    position: absolute;
    right: 30px;
    bottom: 30px;
    z-index: 3;
}

.about__highlight .counter__item h6 {
    font-size: 26px;
    margin-bottom: 0;
    font-family: var(--ff-heading);
    font-weight: 700;
    color: var(--clr-theme-color);
}

.round-text {
    position: absolute;
    z-index: -1;
    background-color: #fff;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, .07);
    padding: 10px;
    backdrop-filter: blur(4px);
}

.brand-wrap,
.home-section {
    position: relative;
    display: flex;
}

.round-text svg {
    width: 125px;
    height: 125px;
    -webkit-animation: 9s ease-out infinite spin;
    animation: 9s ease-out infinite spin;
}

@keyframes spin {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.about-content .desc h6 {
    font-size: 18px;
    line-height: 31px;
    font-weight: 500;
    margin-bottom: 16px;
}

.about-content .button-wrap {
    margin-top: 25px;
}

.about__call {
    display: flex;
    gap: 16px;
    align-items: center;
}

.about-call-content-cont a h5 {
    font-size: 22px;
    font-weight: 600;
    color: #1c1c1c;
}

.about__right .button-wrap {
    margin-top: 16px;
    gap: 40px;
}

.about-call-img-cont {
    background-color: #fff;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    box-shadow: 0 10px 30px rgba(8, 14, 28, .06);
    font-size: 15px;
    color: var(--clr-theme-color);
}

.about-call-content-cont p {
    font-size: 15px;
    margin-bottom: 0;
    color: #373737;
    font-weight: 500;
}

.counter-wrap {
    margin-top: 100px;
}

.counter-single {
    display: flex;
    flex-direction: column;
    gap: 6px;
    justify-content: center;
    text-align: center;
}

.counter-single .count-number {
    font-size: 55px;
    font-weight: 800;
    color: #313131;
    margin-bottom: 0;
    letter-spacing: .3px;
}

.counter-single h6 {
    font-size: 18px;
    font-family: var(--ff-body);
    font-weight: 400;
    margin-bottom: 0;
}

.counter-wrap [class^=col-]:nth-child(2n) .counter-single .count-number {
    -webkit-text-stroke: 1.5px;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-color: var(--clr-theme-color);
}

.counter-wrap [class^=col-]:not(:last-child) .counter-single {
    margin-right: 0;
    border-right: 1px solid #ececec;
}

.brand-wrap {
    flex-wrap: wrap;
    justify-content: center;
}

.brand-wrap>* {
    flex: 0 0 auto;
    width: 20%;
}

.client_box p {
    color: var(--clr-theme-black);
    font-size: 16px;
    line-height: 26px;
    font-family: var(--ff-body);
    font-weight: 300;
    opacity: 0;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 100%;
    margin-bottom: 0;
    text-transform: capitalize;
}

.client__single:hover .client_box p {
    opacity: 1;
    bottom: 12px;
}

.client__single:hover .client_box img {
    margin-top: -32px;
}

.faq-section__wrap .accordion-item {
    border-left: 4px solid transparent;
    border-radius: 4px 10px 10px 4px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, .04);
    border-bottom: none !important;
}

.faq-section__wrap .accordion-item:not(:has(.collapsed)) {
    border-color: var(--clr-theme-color);
}

.client-icon,
.faq-section__wrap .accordion-item+.accordion-item {
    margin-top: 10px;
}

.faq-section__wrap .accordion-header .accordion-button {
    font-size: 18px;
    padding: 16px 50px 16px 30px;
    line-height: 30px;
    min-height: 92px;
}

.faq-section__wrap .accordion-body {
    padding: 5px 30px 31px !important;
    height: 250px;
    overflow-y: scroll;
}

.faq-section .sp-easy-accordion .ea-card.sp-ea-single.ea-expand .ea-header a i {
    color: var(--clr-theme-color) !important;
}

.faq-section .sp-easy-accordion .sp-ea-single .ea-header a i {
    position: absolute;
    right: 20px;
}

.faq-section .accordion-header .accordion-button::after {
    justify-content: center;
    align-items: center;
    transition: .5s ease-in-out;
    content: "\2b";
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    font-size: 12px;
    color: #fff;
    background-color: #0e89b8;
    right: 17px;
    padding: 6px;
    background-image: none;
    top: 50%;
    position: absolute;
    display: inline-flex;
}

.business-content,
.colored-sec {
    background-color: #fff;
}

.core-values-acc .accordion-header .accordion-button:not(.collapsed)::after,
.faq-section .accordion-header .accordion-button:not(.collapsed)::after {
    content: '\f068';
    transition: .5s ease-in-out;
}

.faq-section .accordion-header .accordion-button:not(.collapsed) {
    background-color: #fff;
    color: var(--clr-theme-shade);
    box-shadow: none;
}

.faq-section .ea-body ul {
    font-size: 15px;
    margin-top: 8px;
    line-height: 26px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.faq-section .accordion-body p,
.faq-section .sp-easy-accordion .sp-ea-single .ea-body p {
    color: var(--clr-theme-black);
    font-size: 16px !important;
    line-height: 26px;
    font-family: var(--ff-body);
    font-weight: 300;
}

.faq-section .sp-easy-accordion>.sp-ea-single {
    background: #fff !important;
    border: none !important;
    border-bottom: 1px solid #171717 !important;
    margin-bottom: 0;
}

.faq-section .sp-easy-accordion>.sp-ea-single:last-child {
    border-bottom: none !important;
}

.faq-section__wrap .accordion-body ol li,
.faq-section__wrap .accordion-body ul li {
    margin-bottom: 8px;
    color: var(--clr-theme-black);
    font-size: 15px !important;
    line-height: 26px;
    font-family: var(--ff-body);
}

@supports selector(::-webkit-scrollbar) {
    .faq-section__wrap .accordion-body::-webkit-scrollbar {
        width: 2px;
        background-color: var(--clr-theme-white);
    }

    .faq-section__wrap .accordion-body::-webkit-scrollbar-thumb {
        background-color: var(--clr-theme-color);
        border-radius: 3px
    }

    .faq-section__wrap .accordion-body::-webkit-scrollbar-corner {
        border-radius: 3px;
    }
}

.home-section {
    background-size: cover;
    background-repeat: no-repeat;
    height: 650px;
    align-items: center;
    background-position: 80%;
}

.main-tagline h1 {
    color: #252525;
    font-size: 60px;
    font-weight: 600;
}

.sub-heading {
    text-transform: uppercase;
}

.cd-back-link,
.certificate-item p,
.client-name h5,
.client-wrapper .client-box .title h5,
.count-title,
.custom-button.small,
.custom-button.white,
.custom-heading h3,
.form-heading h5,
.form-label,
.header-modal .modal-header h4,
.jl-item .loc-list li,
.link-btn,
.main-blog-date h6,
.tabs-nav>li>a,
.work-title>* {
    text-transform: capitalize;
}

.heading h2 {
    font-size: 40px;
    font-weight: 700;
}

.business-carousel .item {
    padding: 20px 0;
}

.business-content {
    box-shadow: 2px 3px 20px -13px #000;
    border-radius: 8px;
    position: absolute;
    bottom: -35px;
    min-width: 80%;
}

.business-carousel .owl-nav .owl-prev {
    left: 10px;
}

.business-carousel .owl-nav .owl-next {
    right: unset;
    left: 40px;
}

.business-carousel .owl-nav>div {
    top: 100%;
}

.business-carousel .owl-nav i {
    font-size: 30px;
}

.km-features ul {
    column-count: 2;
}

.km-features ul li img,
.sd-content ul li img,
.z-usps-km ul li img {
    width: 20px;
}

.km-features ul li,
label.form-check-label {
    margin-bottom: 6px;
}

.z-usps-km ul {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    margin-top: 20px;
}

.bread-crumb h6,
.job-application-form .form-resume-wrap label,
.main-blog-content p,
.main-contact-content p,
.support-block h6,
.z-enquiry p {
    margin: 0;
}

.main-blog-content .main-blog-date a,
.site__footer-socials,
.z-usps-km ul li {
    display: flex;
    gap: 10px;
}

.usp-carousel .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    width: 100% !important;
    gap: 5px;
    border-radius: 50px;
}

.brand-img-cont,
.client-cont {
    align-items: center;
    display: flex;
}

.usp-carousel .owl-dot.active {
    background: #00a7dd;
    width: 15px;
    height: 15px;
    border-radius: 50px;
}

.usp-carousel .owl-dot {
    width: 10px;
    height: 10px;
    background: #a0a0a0;
    border-radius: 50px;
}

.process-middle-card::after,
.process-middle-card::before {
    height: 50px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.brand-img-cont {
    padding: 20px;
    border: 1px solid #aaa;
    justify-content: center;
    height: 100px;
    border-radius: 5px;
}

.brand-img-cont img {
    width: 80% !important;
}

.km-process-steps {
    background: #fff;
    border-radius: 20px;
    justify-content: space-around;
    width: 80%;
}

.km-process-steps p {
    color: var(--clr-theme-black);
    font-size: 16px;
    line-height: 26px;
    font-family: var(--ff-body);
    font-weight: 500;
}

.process-middle-card {
    position: relative;
    margin-top: 50%;
}

.process-middle-card::before {
    content: "";
    background-image: url(../images/arrow-bottom\ 1.png);
    width: 100px;
    position: absolute;
    top: -80px;
    left: -90px;
}

.process-middle-card::after {
    content: "";
    background-image: url(../images/arrow-bottom\ 2.png);
    width: 100px;
    position: absolute;
    top: -40px;
    right: -100px;
}

#exTab1 .tab-content {
    color: #fff;
    padding: 5px 15px;
}

#exTab2 h3,
#exTab3 .tab-content {
    color: #fff;
    background-color: #428bca;
    padding: 5px 15px;
}

#exTab1 .nav-pills>li>a {
    border-radius: 6px !important;
}

#exTab3 .nav-pills>li>a {
    border-radius: 4px 4px 0 0;
}

.nav-pills {
    display: flex;
    gap: 20px;
    margin: 20px 0;
    justify-content: center;
}

.nav-pills li a {
    padding: 10px 20px;
    border: 1px solid #ccc;
    transition: .3s;
}

.nav-pills li.active a {
    background-color: #00a7dd;
    color: #f2f2f2;
}

.client-cont {
    justify-content: center;
    border: 1px solid #b4b4b4;
    border-radius: 6px;
}

.client-cont img,
.counter-img-icon img,
.usp-pane,
.working-process .custom-paragraph {
    width: 60%;
}

.counter-container h2 {
    font-size: 68px;
    font-weight: 700;
    color: #4f4e4e;
}

.counter-img-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.inner__counter-wrap {
    display: flex;
    justify-content: center;
    gap: 0;
    margin-top: 32px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, .04);
    font-size: 55px;
}

.inner__counter-wrap .inner__counter-single {
    padding: 0 32px;
    margin: 25px 0;
}

.inner__counter-wrap .inner__counter-single+.inner__counter-single {
    border-left: 1px solid var(--clr-theme-white);
}

.inner__counter-single h2 {
    font-size: 50px;
    font-weight: 600;
    color: #313131;
    margin-bottom: 0;
    font-family: var(--ff-body);
    letter-spacing: .3px;
}

.inner__counter-single h6 {
    margin-bottom: 0;
    font-size: 14px;
    font-family: var(--ff-body);
    color: #5e5e5e;
}

.inner__counter-image .img-part:nth-child(2) {
    position: absolute;
    bottom: 0;
    height: 210px;
    width: 300px;
    right: 0;
    border: 6px solid var(--clr-theme-white);
    border-radius: 10px;
}

.inner__counter-image .img-part:first-child {
    padding-bottom: 60px;
    height: 390px;
    width: 500px;
}

.inner__counter-image,
.usp-section {
    position: relative;
    z-index: 2;
}

.inner__counter-image .img-part img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.inner__counter-image::before {
    position: absolute;
    content: '';
    width: 88%;
    height: 1px;
    background-color: var(--clr-theme-color);
    left: 0;
    top: 60px;
    z-index: -1;
}

.inner__counter-image::after {
    position: absolute;
    content: '';
    background-image: url('https://www.kreativemachinez.com/wp-content/uploads/2024/10/trophy1.png');
    width: 68px;
    height: 68px;
    right: 0;
    background-size: contain;
    top: 20px;
}

.support-section .support-wrap {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
    background-attachment: fixed;
    position: relative;
    z-index: 9;
}

.support-section .right {
    background-color: var(--clr-theme-color);
    padding: 120px 50px;
}

.support-content .custom-paragraph p {
    color: #ececec;
}

.support-section .support-wrap::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: #0328558f;
    top: 0;
    left: 0;
    z-index: -1;
}

.dotssss,
.support-bg-img {
    position: absolute;
    top: 0;
}

.support-bg-img img {
    filter: brightness(.4);
    position: fixed;
    top: 0;
    z-index: -2;
}

.support-content-cont {
    opacity: 1;
    z-index: 10;
}

.support-block {
    background-color: #ffffff54;
    padding: 15px 25px;
    border-radius: 6px;
}

.z-button-outline .border-3 {
    border-color: #fff;
}

.process-line img {
    position: absolute;
    top: -190px;
}

.process-card_icon {
    width: 80px;
    height: 80px;
    line-height: 78px;
    border-radius: 50%;
    text-align: center;
    margin: 10px 0 23px 10px;
    position: relative;
    z-index: 2;
}

.process-card_icon:after,
.process-card_icon:before {
    content: '';
    height: 100%;
    width: 100%;
    border: 1px solid #0085a3;
    position: absolute;
    top: -10px;
    left: -10px;
    border-radius: inherit;
    z-index: -2;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}

.process-card_icon:after {
    top: 0;
    left: 0;
    border: none;
    background-color: #0085a3;
    z-index: -1;
}

.process-card_icon img {
    width: 40px;
}

.process-card_number {
    font-size: 140px;
    font-weight: 700;
    line-height: .7;
    position: absolute;
    top: 18px;
    right: 8px;
    background: -webkit-linear-gradient(top, #e0e6f2 0, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(180deg, #e0e6f2 0, rgba(255, 255, 255, 0) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.process-card-wrap:first-child {
    margin-top: 18%;
}

.process-card-wrap:nth-child(2) {
    margin-top: 6%;
}

.process-card-wrap:nth-child(3) {
    margin-top: -7%;
}

.service-grid {
    position: relative;
    margin-right: 23px;
    z-index: 3;
    text-align: center;
    padding: 65px 40px;
}

.service-grid_shape {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: drop-shadow(0px 8px 30px rgba(4, 6, 66, .08));
    z-index: -2;
}

.service-grid_shape:after,
.service-grid_shape:before {
    content: '';
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background-color: #fff;
    position: absolute;
    top: -1px;
    right: -1px;
    z-index: 1;
    transition: .5s ease-out;
}

.service-grid_shape img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(.5);
}

.service-grid_shape:after {
    width: 250px;
    height: 250px;
    top: 50%;
    margin: -125px -23px 0 0;
    background-color: #d5d5d5;
    z-index: 0;
}

.service-grid:after,
.service-grid_icon {
    background-color: #0085a3;
    position: absolute;
}

.service-grid_icon {
    width: 80px;
    height: 80px;
    line-height: 80px;
    top: 11%;
    left: 0;
    border-radius: 50%;
    text-align: center;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}

.service-grid_title {
    font-size: 20px;
    line-height: 1.45;
    font-weight: 600;
    max-width: 150px;
    margin: 0 auto 15px;
    -webkit-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
}

.box-title a,
.service-grid_title a {
    color: inherit;
}

.service-grid_text {
    font-size: 14px;
    max-width: 290px;
    margin: 0 auto 18px;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}

.service-grid_btn {
    font-size: 14px;
    font-weight: 500;
    color: #0085a3;
    display: inline-block;
    transition: .4s ease-in-out;
}

.service-grid:after {
    content: '';
    content: '';
    height: 250px;
    width: 250px;
    top: 50%;
    right: 0;
    margin: -125px -23px 0 0;
    z-index: -3;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
}

.service-grid:hover .service-grid_shape:after,
.service-grid:hover .service-grid_shape:before {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    opacity: .6;
}

.service-grid:hover .service-grid_icon {
    background-color: #00a7dd;
}

.service-grid_icon img {
    width: 40px;
    height: 40px;
    transition: .7s;
}

.service-grid:hover .service-grid_icon img {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.as-team .team-social a,
.blog-section .custom-heading h2,
.blog-section .custom-paragraph p,
.custom-btn-s:hover,
.custom-heading-light h1,
.custom-heading-light h2,
.custom-heading-light h5,
.form-check-box .wpcf7-list-item-label,
.inner-banner-content,
.km-footer-socials li a,
.service-grid:hover .service-grid_btn,
.service-grid:hover .service-grid_text,
.service-grid:hover .service-grid_title,
.servicesInner_wrap p a,
.web-part .custom-heading h3,
.web-part .custom-heading h5,
body.page-template-template-locations .page-header .navbar-toggler::after {
    color: #fff;
}

.service-grid_title a:hover {
    color: #0085a3;
}

.z-row-gap-3 {
    row-gap: 40px;
}

.z--hr {
    border: 1px solid #494949;
    height: 20px;
    margin: 0 15px;
}

.z-accordion .accordion-button {
    background-color: #f2f2f2;
    font-weight: 700;
}

.accordion-button:focus,
.custom-offcanvas .btn-close:focus,
.z-main-contact-us textarea:focus {
    box-shadow: unset;
}

.z-accordion .accordion-button:not(.collapsed) {
    color: #fff;
    font-weight: 600;
    background-color: #00a7dd;
}

.z-accordion .accordion-item {
    border: 1px solid #e3e3e3;
    border-radius: 6px;
}

.z-accordion {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.z-accordion .accordion-body {
    color: #575757;
}

.z-accordion .accordion-button:not(.collapsed)::after {
    background-image: url("../images/icons8-subtract-48.png");
    background-size: 20px;
}

.z-accordion .accordion-button::after {
    background-image: url("../images/plus-solid.svg");
    background-size: 15px;
}

.gray-back {
    background-color: #f2f2f2;
}

.main-contact-icons {
    background-color: #00a7dd;
    width: 14%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 50px;
}

.copyright-main,
.z-jkdfbvswjk {
    align-items: center;
    display: flex;
}

.main-contact-content {
    width: 90%;
}

.copyright-main {
    background-color: #005669;
    padding: 20px 0;
    justify-content: center;
}

@keyframes animate {
    from {
        background-position: 0 0
    }

    to {
        background-position: 500px 0
    }
}

.center-posision-z {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    z-index: 100;
}

.main-blog-img,
.site-section .box {
    position: relative;
    overflow: hidden;
}

#menu,
#menuToggle,
#menuToggle input,
.dotssss2,
.main-blog-img .category,
.shape-mockup,
.site-section .box .img-box,
.three-cogs .icon {
    position: absolute;
}

.main-blog-img .category {
    background-color: #0085a3;
    color: #fff;
    font-weight: 500;
    display: inline-block;
    top: calc(100% - 75px);
    left: -35px;
    height: 250px;
    width: 250px;
    padding: 33px 10px 30px 65px;
    border-radius: 50%;
}

.main-blog-img .category:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: -20px;
    left: -20px;
    border: 1px solid #fff;
    border-radius: inherit;
}

.z-vzxhc {
    justify-content: space-around;
}

.blog-section .owl-dots,
.z-jkdfbvswjk {
    justify-content: center;
}

#menuToggle {
    display: block;
    top: 50px;
    right: 50px;
    z-index: 1;
    -webkit-user-select: none;
    user-select: none;
}

#menuToggle input {
    display: block;
    width: 40px;
    height: 32px;
    top: -7px;
    left: -5px;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
    -webkit-touch-callout: none;
}

#menuToggle span {
    display: block;
    width: 33px;
    height: 4px;
    margin-bottom: 5px;
    position: relative;
    background: #cdcdcd;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 4px 0px;
    transition: transform .5s cubic-bezier(.77, .2, .05, 1), background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s;
}

#menuToggle span:nth-last-child(2) {
    transform-origin: 0% 100%;
}

#menuToggle input:checked~span {
    opacity: 1;
    transform: rotate(45deg) translate(-2px, -1px);
    background: #232323;
}

#menuToggle input:checked~span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0) scale(.2, .2);
}

#menuToggle input:checked~span:nth-last-child(2) {
    opacity: 1;
    transform: rotate(-45deg) translate(0, -1px);
}

#menu {
    width: 300px;
    margin: -100px 0 0;
    padding: 125px 50px 50px;
    right: -100px;
    background: #ededed;
    list-style-type: none;
    transform: translate(100%, 0);
    transition: transform .5s cubic-bezier(.77, .2, .05, 1);
}

#menu li {
    padding: 10px 0;
    font-size: 22px;
}

#menuToggle input:checked~ul {
    transform: none;
    opacity: 1;
}

.shape-mockup {
    z-index: -1;
    animation: 7s linear infinite jumpAni;
}

@keyframes identifier {

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

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

.z-service-section {
    background-image: url(../images/service_bg_1.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

.dotssss2 {
    top: 80%;
    width: 20%;
}

.custom-pad {
    padding: 90px 0;
}

.service-slider {
    width: calc(100% + 500px) !important;
}

.sec-top-80 {
    padding: 80px 0 0;
}

.sec-bottom-80 {
    padding: 0 0 80px;
}

.sub-heading h4 {
    color: #00a5d9;
    font-size: 18px;
}

.sub-heading p {
    color: #888 !important;
    text-transform: none;
}

.contact-bg,
.world-map-contact-z img {
    z-index: -1;
}

.km-features.custom-list {
    padding-bottom: 14px;
}

.header-modal .modal-bg,
.page-header .offcanvas.offcanvas-top,
.z-about-img-grid-container img {
    height: 100%;
}

.z-about-img-grid-container {
    display: flex;
    position: relative;
    gap: 24px;
}

.z-about-img-grid-container .z-first-img {
    margin-bottom: 18px;
}

.z-about-img-grid-container .z-first-img,
.z-about-img-grid-container .z-second-img,
.z-about-img-grid-container .z-third-img {
    overflow: hidden;
    border-radius: 10px;
    display: inline-block;
    z-index: 10;
    position: relative;
}

.z-about-img-grid-container .z-second-img {
    margin-top: 55px;
    z-index: 1;
    width: 100%;
    align-self: flex-start;
}

.z-about-img-grid-container .z-third-img {
    margin-bottom: 40px;
    z-index: 10;
}

.link-btn:hover::before,
.z-about-img-grid-container .z-second-img img,
.z-sd-service-card .bg-shape img,
.z-sd-service-card:hover {
    width: 100%;
}

.z-about-img-grid-container .z-dotss-img {
    position: absolute;
    height: unset;
    z-index: 0;
    width: unset;
    top: -42px;
    left: -55px;
}

.z-about-img-grid-container .z-dotss-img2 img {
    width: 20%;
}

.z-about-img-grid-container .z-dotss-img2 {
    position: absolute;
    left: -50px;
    bottom: 0;
    z-index: 0;
}

.z-about-img-grid-container .z-center-round-exp-cont {
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: 45%;
    z-index: 20;
}

.z-center-round-exp-cont {
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 160px;
    flex-direction: column;
    background-color: #0085a3;
    border-radius: 999px;
    display: flex;
}

.z-center-round-exp-cont .counter-title {
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 36px;
    color: #fff;
    line-height: 1;
}

.z-center-round-exp-cont .counter-text {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}

.blog-section,
.usp-2-section {
    background-color: var(--clr-theme-black-300);
    background-image: url('https://www.kreativemachinez.com/wp-content/uploads/2024/10/footer-bg.png');
    background-position: 50%;
    background-size: cover;
    z-index: 9;
    position: relative;
    overflow: hidden;
}

.blog-section::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 80%;
    z-index: -1;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right top;
    opacity: 1;
    background-image: url('https://www.kreativemachinez.com/wp-content/uploads/2024/10/usp-bg-pattern.png');
}

.blogs-slider .swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    height: 2px;
    color: #fff;
    background-color: #cccccc61;
}

.business-icon {
    width: 50px;
}

.z-dropdown-content {
    min-width: max-content;
    overflow: hidden;
    max-height: 0;
    transition: max-height 1s;
}

.z-dropdown:focus .z-dropdown-content,
.z-dropdown:focus-within .z-dropdown-content,
.z-dropdown:hover .z-dropdown-content {
    max-height: 200px;
}

.z-custom-navbar li a {
    font-size: 16px;
    font-weight: 500;
    font-family: 'Open Sans', sans-serif;
    margin-top: 10px;
    position: relative;
    width: fit-content;
    display: inline-flex;
}

.counter-img-cont {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bulb-z-cont img {
    border-radius: 8px;
    width: 100%;
}

.z-bulb-on {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.bulb-z-cont:hover .z-bulb-off,
.navbar-toggler:not(.collapsed)::after,
[class^=swiper-button-][aria-disabled=true] {
    opacity: 0;
}

.bulb-z-cont:hover .z-bulb-on,
.text-line:hover .custom-button {
    opacity: 1;
}

.z-canvas-djkccj {
    background-color: #005669;
    color: #f2f2f2;
}

.process-call-btn {
    position: absolute;
    bottom: 10%;
    right: 10%;
    display: flex;
    color: #f2f2f2;
    width: fit-content;
    padding: 10px 25px 10px 90px;
    z-index: 3;
}

.process-call-btn .call-link {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
}

.process-call-btn:after {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    color: #0ff;
    top: 0;
    left: 1px;
    background-color: #0084a0;
    z-index: -1;
    clip-path: polygon(45px 0%, 100% 0, 100% 100%, 0% 100%);
}

.process-call-btn .play-btn {
    font-size: 22px;
    margin-right: 20px;
}

.z-exp-conter {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100px;
    width: 36%;
    background: #fff;
}

.z-exp-conter h2 {
    font-size: 45px;
    font-weight: 700;
    color: #00a5d9;
}

.z-whiteoutline-button {
    border: 2px solid #fff !important;
    background: 0 0 !important;
}

.service-page-section {
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
    background-color: rgba(1, 93, 116, .829);
    color: #f2f2f2;
}

.innerpage-banner-heading h2 {
    font-size: 50px;
    font-weight: 600;
}

.bread-crumb {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sub-title-block {
    background-color: #00abd63a;
    padding: 15px 25px;
    border-radius: 6px;
    width: fit-content;
    margin-bottom: 30px;
}

.sub-title-block h6 {
    margin: 0;
    color: #005669;
    text-transform: uppercase;
}

.service-icon {
    background: #0083a094;
    width: fit-content;
    padding: 15px;
    border-radius: 8px;
}

.service-icon img {
    filter: brightness(1);
    width: 35px;
    height: 35px;
}

.service-card-container,
.z-row-gap-3 {
    row-gap: 30px;
}

.service-card {
    position: relative;
    overflow: hidden;
    box-shadow: 0 5px 40px rgba(4, 6, 66, .05);
}

.our-services-section .service-card {
    border-left: 1px solid var(--clr-theme-black);
    border-radius: 0 10px 10px 0;
    padding: 40px 30px;
    transform: unset;
    transition: transform .4s ease-in-out;
}

.our-services-section .service-icon {
    padding: 0;
    width: fit-content;
    background-color: transparent;
    transition: .4s ease-in-out;
    margin-bottom: 16px;
    border-radius: 0;
}

.our-services-section .service-desc {
    height: 80px;
    overflow-y: scroll;
    margin-bottom: 20px;
}

.our-services-section .service-desc p {
    color: #1c1c1c;
    font-family: var(--ff-body);
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
}

.our-services-section .service-title h4 {
    font-weight: 600;
    font-family: var(--ff-body);
    color: var(--clr-theme-black-300);
    transition: .4s ease-in-out;
    margin-bottom: 0;
}

.our-services-section .service-icon img {
    filter: invert(0%) sepia(0%) saturate(12%) hue-rotate(252deg) brightness(86%) contrast(103%);
    height: 40px;
    object-fit: contain;
    transition: .4s ease-in-out;
    width: 100%;
}

.our-services-section .service-card:hover {
    box-shadow: 5px 5px 17px rgba(0, 0, 0, .14);
    border-color: #b5b5b575;
    transform: translateY(-3px);
    transition: transform .4s ease-in-out;
}

.our-services-section .service-card:hover .service-title h4 {
    color: var(--clr-theme-color);
    transition: .4s ease-in-out;
}

.z-contact-content p {
    font-size: 16px;
    font-weight: 300;
}

.img-box1 {
    position: relative;
    margin-left: -70px;
    margin-top: 40px;
}

.about-big-img-z {
    width: 80%;
}

.img-box5 {
    z-index: 3;
    margin: 0 25px 0 0;
    padding-left: 55px;
}

.img-box5 .about__highlight {
    left: 100px;
    bottom: 100px;
    right: unset;
}

.img-box5 .img1 {
    padding: 0 80px 150px 0;
}

.img1 img {
    height: 350px;
    width: 100%;
}

.img-box5 .img2 {
    position: absolute;
    bottom: 0;
    right: 0;
    border: 5px solid var(--clr-theme-white);
}

.img-box5 .img2 img {
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
}

.img-box1 .shape {
    position: absolute;
    left: -55px;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.img-box5 .shape {
    z-index: -1;
    left: 0;
}

.img-box5 .about-counter1 {
    right: 25px;
}

.img-box1 .about-counter1 {
    position: absolute;
    top: 0;
    right: -25px;
    z-index: 4;
}

.about-counter1 .counter-title {
    font-size: 64px;
    color: #fff;
    margin-bottom: 8px;
    line-height: 1;
}

.about-counter1 .counter-text {
    font-weight: 500;
    color: #fff;
}

.about-counter1 {
    width: 240px;
    height: 240px;
    background-color: #00465c;
    border-radius: 999px;
    border: 20px solid #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.team-box-two {
    position: relative;
    transition: .4s;
    z-index: 9;
    margin-top: 0;
    margin-bottom: 50px;
}

.team-box-two .team-img {
    overflow: hidden;
    position: relative;
    z-index: 2;
    transition: .4s;
    border-radius: 5px;
}

.team-box-two .team-content-two {
    position: absolute;
    padding: 26px 20px;
    background: #005669;
    box-shadow: 0 2px 14px rgba(22, 37, 66, .1);
    bottom: -50px;
    z-index: 9;
    width: calc(100% - 20px);
    left: 10px;
    right: auto;
    transition: .4s ease-in-out;
    border-radius: 5px;
    min-height: 127px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.team-box-two .team-content-two .team-title {
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    margin-bottom: 5px;
}

.team-content-two .box-title {
    min-height: 16px !important;
}

.team-box-two .team-content-two .team-desig {
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    display: block;
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 0;
    transition: .4s ease-in-out;
}

.team-box-two .team-overlay-two {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}

.team-box-two .team-img img {
    width: 100%;
    height: 450px;
    transition: .3s;
    border-radius: 5px;
    object-fit: cover;
}

.team-box-two:hover .team-img .team-overlay-two {
    opacity: 1;
    visibility: visible;
    z-index: 9;
    background-color: #0083a094;
    border-radius: 5px;
}

.as-team:hover .team-img img {
    transform: scale(1.08);
    transition: .3s;
}

.as-team:hover .team-social {
    visibility: visible;
    opacity: 1;
    transform: translateY(-50%);
}

.as-team .team-social {
    display: flex;
    justify-content: center;
    width: 100%;
    gap: 20px;
    position: absolute;
    top: 50%;
    left: 0;
    visibility: hidden;
    opacity: 0;
    transition: .4s ease-in-out;
    z-index: 11;
}

.team-box-two:hover .team-content-two {
    background: #00a5d9;
}

.contact-us-content-cont,
.mv__content {
    padding: 60px;
}

.contact-content-cont {
    background: linear-gradient(34deg, #0084a0, #00a5d9);
    color: #fff;
    padding: 20px;
    min-height: 150px;
    border-radius: 8px;
}

.sd-img {
    margin-right: 16px;
}

.sd-img img {
    border-radius: 5px;
}

.sd-content h2 {
    font-weight: 700;
}

.sd-content ul {
    padding: 0;
    display: flex;
    align-items: start;
    justify-content: space-around;
    height: 100%;
    flex-direction: column;
}

.service-feature-wrap {
    display: grid;
    grid-template-columns: auto auto;
    gap: 25px;
}

.service-feature {
    background-color: #fff;
    padding: 30px 25px 30px 30px;
    border: 1px solid gray;
    box-shadow: 0 10px 30px rgba(8, 14, 28, .06);
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.service-feature_icon {
    background: #005669;
    box-shadow: 0 6px 20px rgba(0, 136, 170, .5);
    border-radius: 5px;
    width: 90px;
    height: 90px;
    line-height: 90px;
    text-align: center;
}

.gb__content .custom-list ul li,
.portfolio__wrap .nav-tabs,
.servicesInner_Box,
.servicesInner_Box:hover,
.usp__single,
.z-sd-service-card {
    box-shadow: rgba(30, 36, 50, .07) 0 10px 30px 0, rgba(30, 36, 50, .1) 0 0 1px 0;
}

.media-body {
    flex: 1;
}

.service-feature_title {
    font-size: 20px;
    margin-bottom: 12px;
}

.service-feature_text {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
}

.loc-service-card-wrap .z-shape-icon img,
.service-feature_icon img {
    width: 50%;
}

.custom-services {
    background-color: #eef9ff;
    padding-top: 60px !important;
}

.z-sd-menu li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    margin: 0 0 10px;
    padding: 16px 45px 19px 25px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.313;
    color: #252525;
    border-radius: 4px;
    transition: .3s;
}

.inner__counter-section .custom-list ul li,
.jm-d ul li {
    margin-bottom: 8px;
}

.z-sd-menu li a:hover {
    background: #00465c;
    color: #fff;
}

.z-sd-menu li a:hover+.z-sd-menu li a::after {
    filter: invert(1);
}

.z-sd-service-card {
    padding: 40px 25px;
    position: relative;
    z-index: 2;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}

.z-sd-service-card:after,
.z-sd-service-card:before {
    content: '';
    position: absolute;
    height: 110px;
    width: 110px;
    background-color: var(--clr-theme-white);
    opacity: .6;
    border-radius: 50%;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    z-index: -1;
}

.z-sd-service-card:before {
    bottom: -73px;
    right: -28px;
}

.service-card_number {
    position: absolute;
    top: 25px;
    right: 25px;
    font-size: 100px;
    line-height: 1;
    font-weight: 700;
    color: var(--clr-theme-black-300);
    opacity: .1;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--clr-theme-black-300);
    transition: .5s ease-in-out;
}

.z-sd-service-card:hover .service-card_number {
    -webkit-text-stroke-color: #fff;
    opacity: 1;
    transition: .5s ease-in-out;
    color: #fff;
}

.servicesInner_Cont h4 a,
.z-sd-service-card p,
.z-sd-service-card:hover .box-title {
    color: var(--clr-theme-black-300);
}

.loc-service-card-wrap .z-shape-icon,
.page-header__sidebar-contact,
.z-sd-service-card .z-shape-icon {
    margin-bottom: 25px;
}

.z-shape-icon {
    position: relative;
    z-index: 2;
    width: 90px;
    height: 85px;
    line-height: 85px;
    text-align: center;
}

.z-shape-icon:before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--clr-theme-white);
    -webkit-clip-path: path("M4.76563 19.2144C-2.32686 32.07 -1.20075 48.6639 6.14105 61.3767C16.4024 79.1459 38.9816 89.016 58.6174 83.4451C78.2532 77.8741 92.5688 56.7417 89.6127 36.3982C84.2306 -0.647078 23.3991 -14.559 4.76563 19.2144Z");
    clip-path: path("M4.76563 19.2144C-2.32686 32.07 -1.20075 48.6639 6.14105 61.3767C16.4024 79.1459 38.9816 89.016 58.6174 83.4451C78.2532 77.8741 92.5688 56.7417 89.6127 36.3982C84.2306 -0.647078 23.3991 -14.559 4.76563 19.2144Z");
    z-index: -1;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}

.z-sd-service-card p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
}

.service-img-icon {
    width: 50%;
    filter: invert(1);
}

.servicesInner_page .service-img-icon {
    width: 50%;
    filter: invert(0);
}

.loc-service-card-wrap .z-shape-icon .dots::before,
.z-shape-icon .dots::after,
.z-shape-icon .dots::before {
    content: '';
    position: absolute;
    background-color: var(--clr-theme-shade);
    height: 24px;
    width: 23px;
    border-radius: 50%;
}

.custom-button.color::before,
.web-part .custom-heading h5::before,
.z-sd-service-card:hover .z-shape-icon:before,
.z-shape-icon .dots:hover::before,
.z-shape-icon .dotshover::after {
    background-color: #fff;
}

.loc-service-card-wrap .z-shape-icon .dots::before,
.z-shape-icon .dots:before {
    top: 0;
    right: 9px;
}

.z-shape-icon .dots:after {
    height: 12px;
    width: 11px;
    bottom: 0;
    left: 27px;
}

.box-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px;
    min-height: 50px;
}

.link-btn {
    font-weight: 500;
    font-size: 15px;
    display: inline-flex;
    position: relative;
    padding-bottom: 0;
    margin-bottom: 0;
    color: var(--clr-theme-black);
    align-items: center;
    gap: 9px;
    color: #1c1c1c;
}

.link-btn span img {
    height: 16px;
}

.link-btn:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background-color: #1c1c1c;
    -webkit-transition: .4s;
    transition: .4s;
}

.link-btn span {
    transform: rotate(-45deg);
}

.z-sd-service-card .bg-shape {
    position: absolute;
    bottom: -200px;
    left: 0;
    width: 100%;
    opacity: 0;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    pointer-events: none;
}

.z-sd-service-card:after {
    right: -73px;
    bottom: -28px;
}

.service__left {
    position: sticky;
    top: 100px;
}

.service__left .button-wrap {
    margin-top: 25px;
}

.custom-paragraph p:not(:last-child),
.inner-banner-content>:not(:last-child),
.inner-banner-form .form-group,
.service__left .custom-heading {
    margin-bottom: 16px;
}

.loc-service-card:hover .z-shape-icon img,
.z-sd-service-card:hover .service-img-icon {
    filter: invert(53%) sepia(91%) saturate(1260%) hue-rotate(160deg) brightness(91%) contrast(93%);
}

.z-sd-service-card:hover .bg-shape {
    bottom: 0;
    opacity: 1;
}

.z-sd-service-card:hover:after,
.z-sd-service-card:hover:before {
    opacity: 1;
    height: 120%;
    width: 120%;
    border-radius: 0;
}

.gt-form h4 {
    text-align: center !important;
    font-size: 40px;
}

.z-main-contact-us input,
.z-main-contact-us textarea {
    border: 1px solid #5caadf;
    padding: 10px;
    height: 45px;
    margin-bottom: 20px;
    outline: 0;
    border-radius: 0;
    margin-top: 15px;
    background: 0 0;
}

.main-blog-img img {
    min-height: 136px;
    object-fit: cover;
}

.form-select {
    border: 1px solid #5caadf;
    margin-bottom: 20px;
    height: 45px;
    border-radius: 0;
    background: 0 0;
}

.z-main-contact-us textarea {
    height: 100px;
    min-height: 100px;
    max-height: 100px;
}

#flexCheckChecked {
    display: flex;
    flex-wrap: wrap;
    height: unset;
    width: 100%;
    align-items: center;
    border: none;
    background-color: transparent;
}

.form-check-box {
    background: #0084a1;
    padding: 20px;
    color: #fff;
    margin-bottom: 20px;
}

.form-check-box h5 {
    padding-left: 15px;
    margin-bottom: 25px;
}

#flexCheckChecked>* {
    display: flex;
    width: 28%;
    align-items: center;
    margin-right: 25px;
    padding-bottom: 8px;
}

#flexCheckChecked>*>input {
    height: unset;
    margin: 0 10px 0 0;
}

.contactbottom {
    background: #f4f4f4;
    padding: 80px 0;
    margin-top: 60px;
}

.contact-us-section {
    padding-top: 80px
}

.z-button input[type=submit] {
    background: linear-gradient(34deg, #0084a0, #00a5d9);
    padding: 10px 30px;
    border: none;
    color: #f2f2f2;
    border-radius: 8px;
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    position: relative;
    transition: .3s;
    width: fit-content;
    height: unset;
}

.form-label {
    position: absolute;
    top: -10px;
    background-color: #f8fdff;
    left: 20px;
    padding: 0 7px;
    font-size: 13px;
    color: #686868;
    z-index: 99;
}

.form-group input,
.form-group select {
    background-color: transparent;
    border: 1px dashed #0660735e;
    height: 45px;
    font-size: 15px;
}

.form-button input[type=submit]+span {
    position: absolute;
    right: 0;
    top: 0;
}

.form-select.form-control,
.inner-team .custom-heading h3 {
    margin-bottom: 0;
}

.team-box__wrap {
    padding-top: 32px;
}

.team-box__wrap:not(:last-child) {
    margin-bottom: 50px;
}

.inner-our-work.custom-pad {
    padding-bottom: 65px;
}

.wc__right {
    padding-right: 95px;
}

.certificate-list,
.g-reviews,
.gb__content .custom-list,
.ow__tabs-panes,
.support-content .button-wrap,
.wc__right .custom-paragraph {
    margin-top: 32px;
}

.header-modal .row>*,
.wc__right .button-wrap {
    margin-top: 30px;
}

.wc__left .media img {
    height: 550px;
    object-fit: cover;
    transition: .6s ease-in-out;
}

.wc__left .media:hover img {
    transform: scale(1.04);
    transition: .6s ease-in-out;
}

.wc__left .media {
    padding-right: 25px;
    padding-bottom: 25px;
    position: relative;
}

.wc__left .media a {
    display: block;
    overflow: hidden;
}

.wc__left .media::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 4px;
    background-color: #0087a4;
    bottom: 0;
    right: 0;
}

.wc__left .media::after {
    position: absolute;
    content: '';
    width: 4px;
    height: 100%;
    background-color: #0087a4;
    bottom: 0;
    right: 0;
}

.wc__left .media span {
    display: inline-flex;
    background-color: #009cc9;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: .5s ease-in-out;
}

.wc__left .media:hover span {
    width: 110px;
    height: 110px;
    transition: .5s ease-in-out;
    left: -45px;
}

.mv__media {
    background-size: cover;
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
}

.mv-wrap-main .mv-item {
    display: flex;
    justify-content: center;
}

.mv-wrap-main .mv-item:nth-child(odd) {
    flex-direction: row;
}

.mv-wrap-main .mv-item:nth-child(2n) {
    flex-direction: row-reverse;
}

.mv-item>* {
    flex: 0 0 50%;
}

.counter-up-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.counter__center {
    box-shadow: 3px 3px 13px #e3e3e3;
    border-radius: 6px;
    margin-top: 80px;
    padding: 60px 70px;
}

.gb__content .custom-paragraph {
    text-align: center;
    width: 75%;
    margin: 0 auto;
}

.gb__content .custom-list ul {
    display: flex;
    justify-content: space-between;
    margin: 0;
}

.gb__content .custom-list ul li {
    background: #fff;
    flex-basis: 23%;
    color: #000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    padding: 0 10px;
    height: 250px;
    border-radius: 10px;
    gap: 32px;
}

.gb__content .custom-list ul li span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    background-color: var(--clr-theme-white);
    padding: 17px;
    border-radius: 50%;
}


.gb__content .custom-list ul li::before {
    display: none;
}

.custom-heading {
    margin-bottom: 32px;
}

.inner__counter-section .counter-wrap {
    margin-top: 40px;
}

.custom-button {
    padding: 0 32px;
    color: #fff;
    display: inline-flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 54px;
    font-size: 18px;
    line-height: 12px;
    font-weight: 600;
    letter-spacing: .7px;
    border-radius: 50px;
    background-image: linear-gradient(to right bottom, #12a9e1, #04a5d7, #00a1ce, #009cc4, #0098bb, #0395b6, #0591b1, #088eac, #068ba9, #0489a6, #0286a4, #0084a1);
    transition: .5s ease-in-out;
}

.custom-button.white {
    padding: 0 26px;
    gap: 30px;
    font-size: 14px;
    height: 40px;
    font-weight: 600;
    background-color: #fff;
    background-image: none;
    color: #1c1c1c;
}

.custom-button:hover {
    color: #fff;
    background-image: linear-gradient(to left bottom, #12a9e1, #12a7de, #12a4db, #11a2d8, #11a0d5, #109fd4, #109dd2, #0f9cd1, #0e9cd1, #0d9bd0, #0b9bd0, #0a9acf);
    transition: .5s ease-in-out;
}

.custom-heading h5 {
    font-family: var(--ff-accent);
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 12px;
    color: var(--clr-theme-color);
    letter-spacing: .9px;
    position: relative;
    padding-left: 48px;
}

.custom-heading h1,
.custom-heading h2,
.jl-item .j-title h5 {
    font-weight: 600;
    font-family: var(--ff-heading);
    text-transform: capitalize;
}

.custom-heading-light h5::before {
    background-color: #fff !important;
}

.custom-heading h5::before {
    position: absolute;
    content: '';
    width: 40px;
    height: 2px;
    background-color: var(--clr-theme-color);
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.custom-heading.text-center h5 {
    width: fit-content;
    margin: 0 auto 12px;
}

.custom-heading h1,
.custom-heading h2 {
    font-size: 40px;
    color: #111;
    position: relative;
    z-index: 9;
    line-height: 52px;
    letter-spacing: 1px;
    margin-bottom: 0;
}

.custom-heading h3 {
    font-size: 47px;
    color: #5b5b5b;
    font-weight: 700;
    position: relative;
    width: 75%;
    margin: 0 auto;
    font-family: var(--ff-heading);
}

.custom-list ul,
.loc-clients [class^=col-] {
    padding: 0;
}

.custom-list ul li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 8px;
}

.custom-list ul li::before {
    position: absolute;
    left: 0;
    top: 7px;
    content: '';
    width: 20px;
    height: 20px;
    background-size: 100%, 100%;
    background-image: url('https://www.kreativemachinez.com/wp-content/uploads/2024/10/list-check.svg');
}

.count-image {
    display: inline-flex;
    width: 120px;
    height: 120px;
    border: 1px dashed #bfeef9;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}

.count-image img,
.usp-item:not(.item-0) .icon img {
    height: 60px;
    object-fit: contain;
}

.core-values-acc .accordion-header>.accordion-button {
    font-size: 27px;
    font-weight: 400;
    padding: 20px 40px 20px 0;
    line-height: 32px;
    color: #333;
}

.core-values-acc .accordion-header .accordion-button::after {
    background-image: unset;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\2b";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    transition: .5s ease-in-out;
}

.core-values-acc .accordion-header .accordion-button:not(.collapsed) {
    background-color: #fff;
    color: #008aab;
    box-shadow: none;
}

.core-values-acc .accordion-body {
    font-size: 17px;
    line-height: 26px;
    padding: 12px 20px 30px 0;
}

.certificate-item {
    display: flex;
    gap: 4px;
    align-items: center;
    position: relative;
    transition: .3s ease-in-out;
}

.inner-certifications .sub-heading p {
    width: 70%;
    margin: 0 auto;
}

.certificate-link {
    box-shadow: 3px 3px 8px #d5d5d5;
    display: flex;
    border-radius: 5px;
    height: 70px;
    margin-bottom: 24px;
    padding: 0 24px;
    align-items: center;
    justify-content: space-between;
}

.certificate-item p {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: #009ecd;
    padding-left: 25px;
}

.certificate-item span {
    color: #000;
    font-size: 20px;
    opacity: 0;
    left: -30px;
    position: absolute;
    overflow: hidden;
    transition: .3s ease-in-out;
}

.certificate-link .icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #8a8a8a;
}

.certificate-link .icon img {
    height: 35px;
}

.job-listing {
    display: flex;
    flex-direction: row;
    gap: 20px;
    margin-top: 32px;
    flex-wrap: wrap;
}

.job-listing .jl-item,
.marketing_Services_right .marketing_img {
    width: 47%;
}

.jl-item .j-title h5 {
    font-size: 20px;
    margin: 0;
    width: 70%;
}

.job-listing .jl-item p {
    height: 122px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
}

.jl-item .j-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.jl-item .loc-list {
    padding: 8px 0 16px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.jl-item .loc-list li {
    font-size: 14px;
    font-weight: 500;
    color: #666;
}

.jl-item .loc-list li:not(:last-child) {
    border-right: 1px solid #009cc985;
    margin-right: 12px;
    padding-right: 12px;
}

.jl-item .loc-list li span {
    color: #008bac;
    margin-right: 4px;
    font-size: 16px;
}

.jl-item .j-short-desc p {
    margin: 0;
    font-size: 16px;
    line-height: 26px;
}

.jl-item .jl-link {
    background-color: #fdfdfd;
    padding: 30px 15px;
    box-shadow: 5px 5px 15px rgba(230, 230, 230, .5);
    border: 1px solid #f9f9f9;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
}

.client-wrapper .client-box,
.jl-item .jl-link:hover {
    box-shadow: rgba(30, 36, 50, .07) 0 10px 30px 0, rgba(30, 36, 50, .1) 0 0 1px 0;
    transition: .5s ease-in-out;
}

.jl-item .jl-link:hover,
.servicesInner_Box:hover {
    border: 1px solid #0084a1;
}

.job-pagination ul {
    display: flex;
    padding: 0;
    margin: 0;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.job-pagination {
    width: 100%;
    text-align: center;
}

.job-pagination ul li>* {
    width: 50px;
    height: 50px;
    display: inline-flex;
    justify-content: center;
    background-color: #fafeff;
    border: 1px dashed #008bac;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    border-radius: 50%;
    color: #06576a;
}

.job-pagination ul li>.current {
    width: 60px;
    height: 60px;
    border: 1px solid #eaeaea;
    background: #e3f8fd;
    box-shadow: 2px 2px 8px rgba(234, 234, 234, .77);
    font-size: 18px;
}

.cd__right .tabs-nav {
    padding: 0;
    margin: 0 0 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.tabs-nav>li>a {
    font-size: 16px;
    font-weight: 600;
    background-color: transparent;
    display: inline-flex;
    padding: 4px 18px;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    color: #000;
    border: 1px solid #00a1cea3 !important;
}

.tabs-nav>.tab-active>a {
    background: linear-gradient(34deg, #0084a0, #00a5d9);
    color: #fff;
}

.job__application,
.job__main-desc {
    background-color: var(--clr-theme-bg) !important;
    box-shadow: 5px 5px 15px #eee;
    border: 1px solid #f9f9f9;
    border-radius: 10px;
}

.job-application-form,
.job__main-desc {
    padding: 40px;
}

.cd-image-box img {
    height: auto;
    object-fit: cover;
    object-position: center;
    border-radius: 10px 10px 0 0;
    width: 100%;
}

.form-resume-wrap .codedropz-upload-handler {
    border: 1px dashed #0660735e !important;
}

.cd__info {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #e3f4fb;
}

.cd__info .map-direction-address {
    display: flex;
    align-items: center;
    border-right: 1px solid #e3f4fb;
    padding: 32px;
    gap: 10px;
}

.cd__info .map-direction-address .type_text {
    font-size: 18px;
    font-weight: 600;
}

.map-direction-address h5 {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin: 0;
}

.form-heading h5,
.jm-d,
.progress_bar_item {
    margin-bottom: 15px;
}

.form-heading h5 {
    font-size: 40px;
    font-weight: 700;
    color: #000;
    text-align: center;
}

.cd-back-link {
    font-size: 22px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #4f4f4f;
}

.business-home-slider .swiper-button-prev,
.cd-back-link span,
.timeline-swiper-1 .swiper-button-prev {
    transform: rotate(-180deg);
}

.cd__title .custom-heading h3 {
    width: 100%;
    margin-bottom: 16px;
    margin-top: 32px;
}

.inner-contact__left .custom-heading p,
.j-short-desc p,
.jm-d p,
.jm-d ul li,
.usp-nav ul li a.active p,
.usp-text p {
    color: var(--clr-theme-black);
    font-size: 15px;
    line-height: 26px;
    font-family: var(--ff-body);
}

.cd-label,
.item__title h5 {
    font-family: var(--ff-secondary);
}

.jm-d ul li {
    position: relative;
    padding-left: 30px;
}

.jm-d ul li::marker {
    display: none;
}

.inner-our-work .about_list li::before,
.jm-d ul li::before {
    position: absolute;
    left: 0;
    top: 5px;
    width: 20px;
    height: 20px;
    background: url(../images/list-check.svg) no-repeat;
    background-size: 100%, 100%;
    content: '';
}

.jm-d h5 {
    font-weight: 700;
    font-size: 22px;
    color: #444;
    margin: 0 0 10px;
}

.contact__form-wrap .form-group.form-button,
.dropcontent.show label .wpcf7-not-valid-tip,
.inner-banner__content,
.inner-happy-stories .portfolio__wrap,
.job-application-form .form-button,
.job-application-form .form-resume,
.pricing-item,
.pricing-wrap,
.servicesInner_page .custom-heading h2,
.tpl-minimal-tabs,
input[type=checkbox]+* {
    text-align: center;
}

.job-application-form .form-resume .form-label {
    display: block;
    margin: 0;
}

.job-application-form .form-resume .form-label .codedropz-upload-handler {
    border: 2px dashed #c5c5c5;
    border-radius: 6px;
    margin-bottom: 0;
    position: relative;
    padding: 50px 0;
}

.job-application-form .form-check {
    text-align: center;
    padding: 0;
    margin: 0;
}

.job-application-form .form-check-input[type=checkbox] {
    float: unset;
}

.job-application-form .form-control {
    height: 50px;
}

.job-application-form .form-group label {
    font-size: 18px;
    font-weight: 600;
    color: #575757;
}

.client-wrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 32px;
    gap: 15px;
    justify-content: space-between;
}

.client-wrapper>* {
    flex: 0 0 23%;
    text-align: center;
}

.client-wrapper .client-box {
    padding: 35px 26px;
    background-color: #fff;
    min-height: 190px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transform: scale(1);
    border-radius: 10px;
}

.client-wrapper .client-box:hover {
    box-shadow: 1px 1px 13px rgba(140, 187, 202, .42);
    border-color: #f9fdff;
    transition: .5s ease-in-out;
    transform: scale(1.01);
    background-color: #f9fdff;
}

.client-box.remove-right,
.client-box:nth-child(4n) {
    border-right-color: transparent;
}

.client-box.remove-bottom {
    border-bottom-color: transparent;
}

.client-box.add-left {
    border-left-color: #ade1f2;
}

.client-wrapper .client-box .image img {
    height: 150px;
    object-fit: contain;
    width: 100%;
}

.client-wrapper .client-box .title h5 {
    font-size: 15px;
    font-weight: 600;
    font-family: var(--ff-secondary);
    color: #5e6668;
    margin-top: 20px;
    margin-bottom: 0;
    line-height: 26px;
}

.believe_cont h4 span:last-child:after,
.blog-caraousel .owl-nav,
.dropcontent .form-group input,
.dropcontent.show p br,
.inner-clients .client-box .title,
.km-footer-col:last-child ul li::before,
.km-footer-content li span,
.km-footer-content ul li span,
.km-footer-socials li a::before,
.loc-clients-wrap .nav.nav-tabs>li.active::after,
.page-header .nav-link::before,
.service_mob,
.services-wrap_box .swiper-button-next:after,
.services-wrap_box .swiper-button-prev:after,
.sub-menu-toggle,
.sub-menu-toggle svg,
.support-section .custom-list ul li::before,
.tab-content>.active::after,
.vt-caraousel .owl-nav,
.work-cat {
    display: none;
}

.item__title {
    padding-bottom: 20px;
}

.item__title h5 {
    margin: 0;
    position: relative;
    font-size: 20px;
    font-weight: 700;
    color: #484848;
    padding: 0 20px 0 75px;
}

.item__title h5::before {
    position: absolute;
    content: '';
    background-image: url('https://www.kreativemachinez.com/wp-content/uploads/2024/10/quotes.png');
    width: 55px;
    height: 55px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    z-index: 1;
}

.item__quote p {
    font-size: 15px;
    line-height: 28px;
    color: var(--clr-theme-black);
    margin: 0;
    height: 113px;
    overflow-y: scroll;
}

.item__author {
    display: flex;
    align-items: center;
    margin-top: 24px;
}

.item__author .author__thumbnail {
    padding-right: 30px;
}

.item__author .author__thumbnail img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.author__meta h3 {
    font-size: 20px;
    font-weight: 600;
    color: #484848;
    margin: 0;
    line-height: 31px;
}

.author__meta span {
    font-size: 14px;
    font-weight: 700;
    color: #12a9e1;
    margin-top: 4px;
    display: inline-block;
    letter-spacing: 1.4px;
}

.testimonial-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 20px;
    margin-top: 30px;
}

.testimonial-wrapper>* {
    flex: 0 0 auto;
    width: 47%;
}

.testimonial__item {
    padding: 30px 20px;
    box-shadow: 2px 2px 10px rgba(223, 223, 223, .5);
    background-color: #f4fcff;
}

.testimonial__item:nth-child(2n) .item__author {
    flex-direction: row-reverse;
}

.testimonial__item:nth-child(2n) .item__author .author__thumbnail {
    padding: 0 0 0 30px;
}

.portfolio__wrap,
.testimonial__item:nth-child(2n) .item__author .author__meta {
    text-align: right;
}

.testimonial__item:nth-child(2n) .item__quote::after {
    right: calc(80px + 1px);
    left: unset;
}

.testimonial__item:nth-child(2n) .item__quote::before {
    right: 80px;
    left: unset;
}

.client-icon img {
    height: 35px;
    object-fit: contain;
}

.item__quote {
    padding-bottom: 20px;
    margin-bottom: 25px;
    position: relative;
    border-bottom: 1px solid #c1d7df;
}

.item__quote::after,
.item__quote::before {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    content: "";
    position: absolute;
}

.item__quote::before {
    border-width: 15px;
    top: 100%;
    left: 80px;
    border-color: #c1d7df transparent transparent #c1d7df;
}

.item__quote::after {
    border-width: calc(15px - 1px);
    top: calc(100% - 1px);
    left: calc(80px + 1px);
    border-color: #f4fcff transparent transparent #f4fcff;
}

.testimonial-list .client-box .image img {
    height: 220px;
}

.testimonial-list .client-box {
    min-height: 300px;
}

.client-name h5 {
    font-size: 16px;
    font-weight: 400;
    color: #7b7b7b;
    white-space: inherit;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    margin: 0;
    overflow: hidden;
}

.ow__top-tab .nav-pills {
    gap: 30px;
    margin: 0;
}

.ow__top-tab .nav-pills .nav-link {
    background-color: transparent;
    color: #9d9d9d;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.4px;
    position: relative;
    padding: 0 0 3px;
    transition: .5s ease-in-out;
}

.ow__top-tab .nav-pills .nav-link::before {
    position: absolute;
    content: '';
    width: 0%;
    height: 2px;
    background-color: #0084a1;
    bottom: 0;
    left: 0;
    transition: .5s ease-in-out;
}

.ow__top-tab .nav-pills .nav-link.active::before,
.vt__img img {
    width: 100%;
}

.socials a,
.support-section .custom-list ul li span img {
    width: 30px;
}

.ow__top-tab .nav-pills .nav-link.active,
.ow__top-tab .nav-pills .nav-link.active .badge,
.ow__top-tab .nav-pills .nav-link:hover,
.servicesInner_Cont a.read_more:hover,
.servicesInner_Cont h4:hover a,
.servicesInner_wrap p a:hover {
    color: #0084a1;
}

.ow__top-tab .nav-pills .nav-link .badge {
    position: absolute;
    color: #9d9d9d;
    top: -10px;
    right: -10px;
    letter-spacing: 1px;
    padding: 0;
}

.ow__wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 2%;
}

.ow__wrapper>* {
    flex: 1 1 23%;
    margin-bottom: 25px;
    height: 270px;
}

.ow__wrapper>:nth-child(6n+1),
.ow__wrapper>:nth-child(6n+6) {
    flex-basis: 49%;
}

.ow__wrapper>:nth-child(6n+1) {
    flex-basis: 48%;
}

.ow__wrapper .work-item {
    position: relative;
    overflow: hidden;
    border-radius: 0;
    perspective: 300px;
}

.work-item .content {
    align-items: flex-start;
    word-break: break-word;
    background: #0086a4;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    transform-origin: left center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.ow__wrapper .work-item .image::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(106, 106, 106, .1);
    left: 0;
    top: 0;
}

.ow__wrapper .work-item .image {
    height: 100%;
    display: flex;
    align-items: center;
}

.ow__wrapper .work-item .work-cat {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    gap: 2px 0;
    margin: 0;
}

.vt__wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    flex-wrap: wrap;
    gap: 2rem 15px;
    margin-top: 32px;
}

.vt__wrapper>* {
    flex: 0 0 auto;
    width: 32%;
}

.vt__box {
    transform: translateY(0);
    transition: .5s ease-in-out;
    border-radius: 10px;
    overflow: hidden;
}

.vt__box:hover {
    transform: translateY(-10px);
    transition: .5s ease-in-out;
}

.vt__box .vt__img a {
    position: relative;
    z-index: 99;
}

.vt__box .vt__img a::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    left: 0;
    top: 0;
    z-index: 0;
    opacity: 0;
    transition: .5s ease-in-out;
}

.vt__box:hover .vt__img::before {
    opacity: 1;
    transition: .5s ease-in-out;
}

.vt__box .vt__img a svg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 45px;
    height: auto;
    opacity: 0;
    visibility: hidden;
    transform: scale(2);
    fill: #fff;
    transition: .3s;
    z-index: 99;
}

.vt__box:hover .vt__img a svg {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.vt__box .vt__content {
    position: relative;
    min-height: 75px;
}

.vt__box .vt__content h4 {
    font-size: 20px;
    color: var(--clr-theme-black);
    font-weight: 600;
    padding: 25px 0 5px;
    transition: .3s;
    margin: 0;
}

.vt__box .vt__content p {
    color: var(--clr-theme-black);
    font-size: 15px;
    line-height: 26px;
    transition: .3s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
}

.vt__box .vt__rating {
    position: absolute;
    top: -14px;
    right: 20px;
    z-index: 99;
    display: none;
}

.vt__box .vt__rating span {
    background-image: linear-gradient(34deg, #63e0fb, #1c6e88);
    padding: 5px 10px;
    color: #fff;
    border-radius: 30px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.vt__box .vt__rating span svg {
    fill: #fff;
    margin-top: -3px;
    margin-right: 3px;
}

.vt__box .vt__img img {
    object-fit: cover;
    width: 100%;
    aspect-ratio: 16/9;
}

.vt__box .vt__img .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    display: inline-flex;
    width: 55px;
    height: 55px;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(to right top, #17a9e1, #06a0d1, #0097c1, #008eb2, #0085a3);
    border-radius: 50%;
    font-size: 15px;
    text-indent: 3px;
}

.vt__box .vt__img .play-button img {
    width: 24px !important;
    height: 24px !important;
    object-fit: contain !important;
    margin-left: 3px;
}

.vt__box:hover .vt__img .play-button {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}

.vt__img .play {
    display: block;
    z-index: 9;
    position: relative;
}

.blogs-slider,
.business-home-slider,
.marketing_Services_right .marketing_img:nth-child(3),
.testimonials-slider,
.working-process .top {
    padding-bottom: 50px;
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    height: 2px;
}

.swiper-scrollbar-drag {
    background: var(--clr-theme-color);
}

.inner-support-section {
    background: #f2f4ff;
}

.support-section .custom-heading h2 {
    color: #000;
    width: fit-content;
    margin: 0 auto;
}

.support-section .custom-heading h2::before {
    background-color: #00d1ff;
}

.support-section .custom-list {
    margin-top: 16px;
}

.support-section .custom-list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 15px 0;
    margin-bottom: 0;
}

.support-section .custom-list ul li {
    color: #000;
    flex: 0 0 auto;
    width: 49%;
    padding: 18px 14px;
    backdrop-filter: blur(5px);
    border-radius: 10px;
    border: 1px solid #0592b2;
    font-weight: 500;
    line-height: 25px;
    font-size: 16px;
    display: flex;
    align-items: center;
    text-align: left;
    justify-content: start;
    gap: 10px;
}

.support-section .custom-list ul li p {
    margin-bottom: 0;
    color: var(--clr-theme-black);
}

.support-section .custom-list ul li span {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 50px;
    padding: 10px;
    box-shadow: 1px 3px 15px -3px rgba(0, 0, 0, .25);
}

.map svg path {
    fill: #b9d5dd;
    stroke: #fff;
}

.map svg .filter-blue {
    fill: #0084a1;
    cursor: pointer;
}

.map svg .filter-blue:hover {
    fill: #063039;
}

.map-accordion .accordion-body {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.map-accordion .accordion-body>* {
    flex: 0 0 auto;
    width: 49%;
    border: 1px dashed #0084a14f;
    padding: 32px;
}

.map-accordion .accordion-body .address-box h4 {
    font-size: 22px;
    font-weight: 400;
    color: #0089a9;
    margin-bottom: 16px;
}

.map-accordion .accordion-body .address-box a {
    font-size: 16px;
    color: #5b5b5b;
    margin-bottom: 0;
}

.map-accordion .accordion-body .address-box a:hover {
    color: #333;
    text-decoration: underline;
}

.custom-heading.text-center h2,
.inner-service .custom-heading h2 {
    width: fit-content;
    margin: 0 auto;
}

.inner-service .custom-paragraph {
    width: 85%;
    margin: 0 auto 32px;
}

.socials a {
    display: inline-flex;
    background-image: linear-gradient(45deg, #12a9e100, #0084a100 80%);
    border: 1px dashed #0086a1;
    height: 30px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 12px;
    color: #0086a1;
    transition: .3s ease-in-out;
}

.main-blog-content h4,
.main-blog-content p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.custom-button.small,
.main-blog-date h6 {
    font-size: 14px;
}

.socials a:hover {
    background-image: linear-gradient(45deg, #2fc7ff, #00a0c4 80%);
    color: #fff !important;
    border-color: #0086a1;
    transition: .3s ease-in-out;
}

.main-blog-date {
    align-items: center;
    gap: 5px !important;
}

.main-blog-date h6 {
    margin: 0;
    font-weight: 400;
    color: #fff;
    font-family: var(--ff-body);
}

.main-blog-date i {
    font-size: 13px;
    color: #575757;
}

.main-blog-content h4 {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    height: 56px;
    color: #fff;
}

.custom-our-services .custom-paragraph {
    width: 60%;
    margin: 0 auto 32px;
}

.main-blog-card {
    background-color: transparent;
    border-radius: 10px;
    overflow: hidden;
}

.manufacture-card,
.manufacture-card .step {
    background-color: #fff;
    transition: .5s ease-in-out;
}

.digitalInner_right,
.solution-section .right {
    padding-left: 40px;
}

.contact-bg img {
    opacity: .06;
}

.common-story .ow__wrapper>.work-item {
    flex-basis: 48%;
    margin: 0;
}

.common-story .ow__wrapper {
    gap: 0;
}

.common-story .custom-heading h5 {
    font-size: 13px;
    font-weight: 700;
}

.common-story .custom-heading h2 {
    font-size: 32px;
}

.common-story:not(:last-child) {
    margin-bottom: 40px;
}

.cd-label {
    display: inline-flex;
    height: auto;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 17px;
    color: #999;
}

.alt h2,
.is-selected .cd-label,
body.page-template-template-locations .page-header.sticky .navbar-toggler::after {
    color: #000;
}

.left-sidebar {
    position: sticky;
    top: 116px;
}

.certifications-content .img-part img {
    flex: 0 1 auto;
    border: 1px solid #ace0ec;
    background: linear-gradient(34deg, #dff9fff7, #86e2ffb2);
    padding: 15px;
    backdrop-filter: blur(13px);
    border-radius: 5px;
    height: 120px;
    object-fit: contain;
}

.custom-button.color {
    border: 3px solid #fff;
    color: #fff;
}

.custom-button.color:hover {
    color: #020730;
}

.custom-button.color:hover::before {
    background-color: #020730;
}

.custom-button.color::after {
    background: linear-gradient(34deg, #86e2ff, #dff9ff);
}

.custom-button.small {
    padding: 0 26px;
    gap: 30px;
    height: 45px;
    font-weight: 600;
}

.custom-button.small:hover::before {
    width: 19px;
    left: 3px;
}

.hp-client-main {
    position: absolute;
    top: -233px;
    right: 162px;
    left: 138px;
}

.manufac-card-wrap img {
    height: 60px;
    width: 100%;
    object-fit: contain;
    object-position: center;
    filter: invert(54%) sepia(44%) saturate(1442%) hue-rotate(161deg) brightness(94%) contrast(88%);
}

.manufacture-card::before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 12px solid #0000;
    border-right: 12px solid #0000;
    border-top: 20px solid #fff;
    left: 23px;
    bottom: -19px;
}

.manufacture-steps [class^=col-]:nth-child(2n) .manufacture-card .step {
    bottom: -70px;
}

.manufacture-card .step {
    display: inline-flex;
    position: absolute;
    left: 13px;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 15px rgba(104, 104, 104, .17);
    border-radius: 50%;
    font-size: 16px;
    font-weight: 700;
    color: #4d4d4d;
    bottom: -62px;
}

.manufac-card-wrap h4 {
    font-weight: 600;
    font-size: 18px;
    color: var(--clr-theme-black-300);
    margin: 0 0 12px;
    display: inline-flex;
    align-items: center;
    line-height: 28px;
    position: relative;
    padding-bottom: 6px;
}

.manufac-card-wrap p {
    min-height: 96px;
    margin-bottom: 0;
}

.manufacture-steps [class^=col-]:nth-child(2n) .manufacture-card::before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 20px solid var(--clr-white);
    bottom: -20px;
    left: 9px;
}

.manufacture-card {
    margin: 20px 0 28px;
    padding: 40px 25px;
    position: relative;
    border-radius: 20px;
    text-align: center;
}

.manufacture-card:hover {
    box-shadow: 0 10px 25px 0 rgba(40, 42, 74, .11);
    transition: .5s ease-in-out;
}

.manufac-content {
    margin-top: 24px;
}

.manufacture-card:hover .step {
    background-color: var(--clr-theme-color);
    color: #fff;
    transition: .5s ease-in-out;
}

.manufacture-card::before:nth-child(2n) {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 20px solid var(--clr-white);
    left: 9px;
    top: -33px;
}

.manufacture-card:nth-child(2n) {
    margin-top: 80px;
}

.manufacture-card:hover .manufac-card-wrap h4::before {
    width: 100%;
    transition: .5s ease-in-out;
}

.manufac-card-wrap h4::before {
    position: absolute;
    content: '';
    width: 0;
    height: 1px;
    background-color: var(--clr-theme-black-300);
    left: 0;
    bottom: 0;
    transition: .5s ease-in-out;
}

.blog-title {
    margin: 15px 0;
}

.main-blog-content {
    background-color: transparent;
    padding: 30px 25px 0 0 !important;
    border-radius: 0 0 10px 10px;
    box-shadow: rgba(30, 36, 50, .1) 0 0 1px 0;
}

.alt-features-grid {
    margin-top: -35px;
}

.alt-features-item {
    margin-top: 35px;
}

.alt-features-item.border-left {
    border-left: 1px solid var(--color-gray-light-3);
    padding-left: 30px;
    border-left: 1px solid var(--clr-theme-black);
}

.alt-features-item.box-shadow {
    width: 100%;
    padding: 30px;
    background: #fff;
    border-radius: var(--border-radius-default);
}

.alt-features-icon {
    position: relative;
    display: inline-block;
    width: 1em;
    height: 1em;
    margin: 0 0 22px;
    font-size: 48px;
    text-align: center;
    line-height: 1.3;
    color: currentColor;
}

.alt-features-icon-s {
    position: absolute;
    top: -6px;
    right: -15px;
    width: 24px;
    height: 24px;
    font-size: 24px;
    z-index: 9;
}

.gradient-overlay,
.pricing-icon,
.pricing-title {
    z-index: 1;
    position: relative;
}

.alt-features-icon svg {
    display: block;
    width: 1em;
    height: 1em;
    fill: currentColor;
}

.alt-features-title {
    margin-bottom: 11px;
    font-size: 19px;
    font-weight: 500;
    letter-spacing: -.02em;
    transition: var(--transition-default);
}

.alt-features-descr {
    font-size: 15px;
    line-height: 1.625;
    color: var(--clr-theme-black-300);
}

.alt-features-descr a,
.alt-features-descr>* {
    color: #757575;
    font-size: 14px;
    display: inline-block;
    margin-bottom: 0;
}

.usp__single {
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 16px 0;
    border-radius: 16px;
    padding: 40px 30px;
    transform: unset;
    transition: transform .4s ease-in-out;
    background-color: #fff;
}

.usp__single .icon img {
    height: 40px;
    object-fit: contain;
    width: 40px;
}

.usp__single h4 {
    font-size: 18px;
    margin-bottom: 0;
}

.usp__single p {
    color: var(--clr-theme-black);
    font-size: 16px;
    line-height: 26px;
    font-family: var(--ff-body);
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    height: 100px;
    font-weight: 300;
}

.industries__single {
    background-color: #f9faff;
    background-image: url("https://industrie.rstheme.com/laboratory/wp-content/uploads/2024/01/service_right_shape_h_5.png");
    background-position: top right;
    background-repeat: no-repeat;
    padding: 25px 0 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 10px 10px 4px 4px;
}

.industries__single .title h4,
.loc-service-card .loc-service-card-wrap .title h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px;
}

.industries__single .desc p {
    color: var(--clr-theme-black);
    font-size: 16px;
    line-height: 28px;
    font-family: var(--ff-body);
    min-height: 84px;
    font-weight: 300;
    margin-bottom: 0;
}

.industries__single .img-part {
    margin-top: 25px;
}

.industries__single .img-part img {
    border-radius: 5px;
    transition: .3s ease-in-out;
    width: 100%;
}

.industries__single:hover .img-part img {
    border-radius: 100px 0 0 100px;
    transition: .3s ease-in-out;
}

.industries__single .desc,
.industries__single .title {
    padding: 0 20px;
}

.contact__form-wrap,
.portfolio__sub [class^=col-]:nth-child(3n+2) {
    margin-top: 50px;
}

.portfolio__wrap .nav-tabs {
    display: inline-flex;
    padding: 0 13px;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: normal;
    background: #fff;
    border-radius: 100px;
    border: none;
    margin-bottom: 50px;
}

.portfolio__wrap .nav-tabs .nav-item .nav-link {
    font-size: 15px;
    color: #697582;
    font-weight: 500;
    border: none !important;
    padding: 14px;
    background-color: transparent !important;
}

.portfolio__wrap .nav-tabs .nav-item .nav-link.active {
    border: none;
    font-weight: 600;
    color: var(--clr-theme-black);
}

[class^=swiper-button-] {
    border: 1px solid var(--clr-theme-black-300);
    display: inline-flex;
    width: 45px;
    height: 45px;
    border-radius: 100px;
    color: #1c1c1c;
    background: 0 0;
    transition: .2s ease-in-out;
}

.pr-list,
.pr-per {
    color: var(--color-gray-1);
}

[class^=swiper-button-]:hover {
    background: linear-gradient(to right bottom, #12a9e1, #04a5d7, #00a1ce, #009cc4, #0098bb, #0395b6, #0591b1, #088eac, #068ba9, #0489a6, #0286a4, #0084a1);
    color: var(--clr-theme-white);
    border-color: transparent;
    transition: .2s ease-in-out;
}

.swiper-button-next::after,
.swiper-button-prev::after {
    display: none !important;
}

.contact__form-wrap .form-control,
.contact__form-wrap .form-select {
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    height: 45px;
    padding: 10px 15px;
    font-size: 14px;
    color: #1c1c1c;
    font-weight: 400;
}

.contact__form-wrap .form-group,
.testimonialsInner_left .custom-heading {
    margin-bottom: 20px;
}

.contact__form-wrap .form-control::placeholder {
    color: rgba(55, 55, 55, .75);
    opacity: 1;
}

.contact__form-wrap textarea.form-control {
    height: 100px !important;
    resize: none;
    background-color: transparent;
}

.contact__form-wrap .custom-button {
    padding: 0 52px;
}

.contact__checkboxes {
    padding: 30px 15px;
    width: 100%;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    height: 100%;
}

input[type=checkbox]+* {
    display: inline-block;
    padding: 10px 10px 10px 20px;
    font-family: var(--ff-body);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
    color: var(--clr-theme-black-300);
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid var(--clr-theme-black-300);
    border-radius: 4px;
    background-color: transparent;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 100%;
    height: 100%;
    align-content: center;
}

input[type=checkbox]:checked+* {
    color: var(--clr-theme-bg);
    background: var(--clr-theme-color);
    border-color: var(--clr-theme-shade);
    background: url(../images/circle-chek2.png) left 6px center no-repeat #11a5dc;
    position: relative;
    z-index: 999;
    background-position: 95%;
}

input[type=checkbox] {
    position: absolute;
    pointer-events: none;
    background: url(../images/circle-chek.png) 0 0/100% no-repeat;
    -webkit-appearance: none;
    width: 17px;
    height: 18px;
    z-index: 111;
    right: 6px;
    top: 48%;
    transform: translateY(-50%);
}

.contact__checkboxes h3 {
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px;
}

.contact__checkboxes .wpcf7-form-control {
    gap: 12px;
    display: flex;
    flex-wrap: wrap;
}

.contact__checkboxes .wpcf7-list-item {
    flex: 0 0 auto;
    width: 32%;
    margin: 0;
    position: relative;
}

/* .client__single {
    height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid rgba(0, 0, 0, .04);
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, .04);
} */
.client__single {
  height: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
  background-color: #F5F5F5;
  border-radius: 15px;
  padding: 15px;
  margin: 15px;
  width: 17%;
}

/* .client__single:nth-child(5n) {
    border-right: none;
}
.client__single:nth-last-child(-n+5) {
    border-bottom: 0;
} */

.client__single img {
    width: 100%;
    object-fit: contain;
}

.contact__checkboxes .wpcf7-form-control-wrap label {
    position: relative;
    width: 100%;
    height: 100%;
}

.inner-contact__left .custom-heading h2 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 16px;
    line-height: 30px;
}

.inner-contact__form .contact__checkboxes input[type=checkbox]+* {
    display: inline-block;
    padding: 8px 12px;
    font-size: 13px;
    height: 100%;
}

.inner-contact__form .contact__checkboxes {
    padding: 25px;
    margin: 0;
}

.inner-contact__form .contact__checkboxes .wpcf7-list-item {
    width: 32%;
}

.inner-contact__form .contact__checkboxes .wpcf7-form-control {
    gap: 8px;
    justify-content: space-between;
}

.inner-banner-form .form-group.form-button p,
.inner-contact__form .contact__checkboxes p {
    margin-bottom: 0;
}

.contact__form-wrap.inner-contact__form .form-group.form-button {
    text-align: left;
    margin-bottom: 0;
}

.bg-gradient-gray-light-1 {
    background-image: var(--gradient-gray-light-1);
}

.tpl-minimal-tabs {
    letter-spacing: inherit;
    text-transform: none;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
}

.tpl-minimal-tabs>li {
    display: inline-block;
    padding: 0 5px;
    background: 0 0 !important;
}

.tpl-minimal-tabs li a.active,
.tpl-minimal-tabs li a.active:hover {
    border: 1px solid var(--color-dark-3) !important;
    background: 0 0 !important;
    color: var(--color-dark-1) !important;
    cursor: default;
}

.pricing-item {
    position: relative;
    display: flex;
    align-items: stretch;
    width: 100%;
}

.pricing-item-inner {
    display: flex;
    align-items: stretch;
    width: 100%;
    background: #fff;
    box-shadow: var(--box-shadow-block);
    transition: var(--transition-default);
}

.round {
    border-radius: var(--border-radius-default) !important;
}

.pricing-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 30px;
    overflow: hidden;
}

.pricing-icon {
    margin-bottom: 17px;
    font-size: 72px;
    line-height: 1;

}

.pricing-icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor;
}

.pricing-title {
    margin-bottom: 25px;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: -.02em;
}

.pricing-num {
    position: relative;
    display: inline-block;
    align-self: center;
    font-size: 60px;
    font-weight: 500;
    letter-spacing: -.057em;
    line-height: 1;
}

.pr-per {
    margin-bottom: 30px;
    font-size: 16px;
}

.pricing-features {
    max-width: 180px;
    margin: 0 auto 40px;
    text-align: left;
    letter-spacing: 0;
}

.pr-list {
    margin: 0;
    padding: 0;
    font-size: 17px;
}

.pr-list li {
    margin-bottom: 12px;
    padding: 0;
}

[class*=" mi-"],
[class^=mi-] {
    font-family: icons !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    letter-spacing: normal;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    transform: rotate(.003deg);
}

.opacity-055 {
    opacity: .55 !important;
}

.tpl-minimal-tabs>li>a,
.tpl-minimal-tabs>li>a:focus {
    padding: 5px 20px;
    text-decoration: none;
    border-radius: 100px !important;
}

.gradient-overlay::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(252, 252, 252, .9);
    z-index: 0;
    left: 0;
    top: 0;
}

.gradient-overlay::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #fff 0, transparent 60%);
    z-index: 0;
    left: 0;
    bottom: 0;
}

.inner-banner .bg-image.gradient-overlay img {
    object-position: top;
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.inner-banner {
    position: relative;
    z-index: 3;
}

.inner-banner .inner-banner__wrap {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 100%;
}

.inner-banner__content .breadcrumb {
    justify-content: center;
    border: 1px solid;
    border-radius: 50px;
    width: fit-content;
    margin: 0 auto;
    padding: 8px 22px;
    font-size: 13px;
}

.inner-banner__content h1 {
    font-size: 45px;
    margin-top: 20px;
    line-height: 65px;
}

.im__featured .client-wrapper .client-box {
    width: 25% !important;
}

header.sticky {
    position: fixed;
    top: 0;
    background: #fff;
    box-shadow: 0 5px 20px rgba(8, 14, 28, .06);
    width: 100%;
    z-index: 999;
}

.header-modal.modal {
    --bs-modal-width: 750px;
    --bs-modal-border-radius: 0;
}

.header-modal .modal-bg img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.header-modal .modal-content {
    height: 100%;
    border-left: 3px solid #0087a5;
}

.header-modal .modal-header h4 {
    font-weight: 700;
    color: #00687f;
    text-align: center;
    line-height: 2rem;
}

.header-modal .modal-header .btn-close {
    position: absolute;
    right: -10px;
    top: -10px;
    opacity: 1;
    width: 30px;
    height: 30px;
    padding: 0;
    border-radius: 2px;
    background-image: none;
    background-color: #ff5050;
}

.header-modal .modal-header .btn-close::before {
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00d";
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    color: #fff;
    opacity: 1;
    font-size: 20px;
}

.header-modal .z-button {
    background: linear-gradient(34deg, #0084a0, #00a5d9);
    border: 0;
    width: 100%;
    color: #f2f2f2;
    border-radius: 8px;
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 16px;
    position: relative;
    transition: .3s;
    height: 2.5rem;
    text-transform: uppercase;
}

.header-modal .form-control:focus {
    box-shadow: none;
}

.header-modal .header-form-wrap .wpcf7-response-output {
    margin: 15px auto 0 !important;
    font-size: 14px;
    text-align: center;
}

.header-modal .modal-footer a span {
    display: inline-flex;
    width: 35px;
    height: 35px;
    justify-content: center;
    align-items: center;
    border: 2px dashed #008aab;
    border-radius: 50%;
    font-size: 15px;
    color: #008aab;
}

.custom-header {
    background: #fff;
    width: 100%;
    z-index: 1000;
}

.header-mob>.nav-item {
    padding-right: 15px;
    margin-right: 7px;
    border-right: 1px solid #d5cdcd;
    height: 22px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 35px;
}

.header-mob>.nav-item:last-child {
    padding: 0;
    margin: 0;
    border: none;
}

.header-mob-icon span {
    font-size: 16px;
    color: #646464;
}

.nav-link.custom-button {
    padding: 10px 30px;
    font-size: 16px;
    height: 44px;
}

.header-contact-icon span {
    height: 35px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding-right: 10px;
}

.custom-header .custom-button {
    height: 44px;
    padding-inline: 35px;
}

.custom-header .navbar-brand img {
    height: 85px;
    transition: .5s ease-in-out;
}

.header-contact-icon {
    display: inline-flex;
    align-items: center;
    border: 2px solid #00a7dd;
    height: 44px;
    padding: 0 12px;
    border-radius: 6px;
    gap: 10px;
}

.header__top-mob {
    background-color: #f0f0f0;
    padding: 8px 0;
}

.header__nav {
    padding: 8px 0;
    transition: .5s ease-in-out;
}

.custom-header.sticky .navbar-brand img {
    height: 70px;
    transition: .5s ease-in-out;
}

.offcanvas-body .socials a {
    color: #fff;
    border-color: #fff;
}

.offcanvas-body .socials a:hover {
    background-color: #fff;
    color: #005669;
    border-color: #fff;
    box-shadow: 1px 1px 8px #04252d;
}

.page-header {
    z-index: 99;
    padding: 6px 0;
    border-bottom: 3px solid var(--clr-theme-shade);
    position: relative;
    background-color: #fff;
}

.page-header .navbar-brand img {
    max-height: 70px;
    transition: .5s ease-in-out;
}

.page-header.sticky .navbar-brand img {
    height: 60px;
    transition: .5s ease-in-out;
}

.page-header .navbar-toggler {
    z-index: 999;
    position: relative;
    transition: .5s ease-in-out;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.navbar-toggler:not(.collapsed) .icon-bar {
    background: linear-gradient(238deg, #06819d 0, #5bddff 100%);
    height: 3px;
    border-radius: 50px;
}

.navbar-toggler .icon-bar {
    transition: .5s ease-in-out;
    display: flex;
    height: 2px;
    width: 40px;
    gap: 4px;
    justify-content: space-between;
}

.navbar-header,
.service-section,
.usp-nav ul li {
    display: block;
}

.header__qc {
    gap: 16px;
    margin-right: 16px;
}

.header__qc-icon {
    display: flex;
    align-items: center;
    gap: 10px;
}

.header__qc-icon span {
    background: var(--clr-theme-shade);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    color: #fff;
    font-size: 14px;
}

.header__qc-icon p {
    font-size: 16px;
    font-family: var(--ff-heading);
    font-weight: 700;
    color: var(--clr-theme-color);
}

.page-header .offcanvas .custom-offcanvas-body {
    padding: 0;
    position: relative;
    z-index: 9;
}

.custom-offcanvas {
    transition: .7s;
}

@keyframes typing {

    0%,
    100% {
        width: 0
    }

    50%,
    80% {
        width: 100%
    }

    55%,
    65%,
    75% {
        opacity: 1
    }

    60%,
    70% {
        opacity: 0
    }
}

@media (min-width:992px) {

    .custom-offcanvas-body::before,
    .off-socials li a {
        text-transform: uppercase;
        font-family: var(--ff-body);
    }

    .custom-offcanvas-body::before {
        content: "kreativemachinez";
        -webkit-text-stroke: transparent;
        position: absolute;
        left: 50%;
        top: -20px;
        font-size: 100px;
        color: transparent;
        -webkit-text-stroke: 1px #0479a812;
        z-index: -2;
        margin-right: 20px;
        font-weight: 900;
        transform: translateX(-50%);
    }

    .off-left,
    .off-right {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        gap: 50px;
        color: #fff;
    }

    .off-right::before {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        background-color: var(--clr-theme-white);
        top: 0;
        left: 0;
        z-index: -3;
    }

    .off-left>:first-child,
    .off-right>:first-child {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .off-left {
        padding: 0 40px 60px 50px;
        position: relative;
        z-index: 1;
    }

    .off-left::before {
        position: absolute;
        content: '';
        width: 100%;
        height: 85%;
        background-image: url('https://www.kreativemachinez.com/wp-content/uploads/2024/10/usp-bg-pattern-header.png');
        background-repeat: no-repeat;
        background-position: right;
        background-size: contain;
        opacity: 1;
        bottom: 0;
        right: 0;
        z-index: -1;
    }

    .off-right {
        gap: 110px;
        position: relative;
        padding: 0 50px 60px 40px;
    }

    .page-header .nav-link {
        font-size: 25px;
        font-weight: 800;
        color: #4d4d4d;
        text-transform: capitalize;
        padding: 5px 0;
    }

    .off-socials li a:hover,
    .page-header .nav-item.active .nav-link,
    .page-header .nav-link:hover {
        color: var(--clr-theme-color);
    }

    .off-right .button-main:hover,
    .off-socials li a {
        color: var(--clr-theme-shade);
    }

    .page-header .nav-link::before {
        position: absolute;
        width: 0%;
        content: '';
        height: 3px;
        background-color: var(--clr-theme-color);
        top: 0;
        left: 0;
        transition: .5s ease-in-out;
    }

    .page-header .nav-link:hover::before {
        width: 100%;
    }

    .off-right .button-main {
        border-color: #fff;
        color: #fff;
        width: fit-content;
        margin-top: 25px;
    }

    .off-right .button-main::before {
        background-color: #fff;
    }

    .off-right h4 {
        font-size: 36px;
        font-weight: 700;
        text-transform: capitalize;
    }

    .page-header .navbar-nav .nav-item.dropdown>.nav-link {
        position: relative;
        overflow: hidden;
        transition: padding .5s ease-in-out;
        padding-left: 0;
    }

    .page-header .navbar-nav .nav-item.dropdown>.nav-link::after {
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        content: "\f013";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translate(-30px, -50%);
        transition: transform .5s ease-in-out;
    }

    .page-header .navbar-nav .nav-item.dropdown:hover>.nav-link::after {
        transform: translate(0, -50%);
        transition: transform .5s ease-in-out;
    }

    .page-header .navbar-nav .nav-item.dropdown:hover>.nav-link {
        padding-left: 35px;
        transition: padding .5s ease-in-out;
    }

    .page-header .nav-item.dropdown ul li a {
        font-size: 20px;
        color: var(--clr-theme-black-300);
        font-weight: 600;
        text-transform: capitalize;
    }

    .quick-git {
        color: var(--clr-theme-black-300);
    }

    .quick-git .custom-button {
        width: fit-content;
        margin-top: 16px;
    }

    .off-socials {
        gap: 25px;
    }

    .off-socials li a {
        font-size: 16px;
        font-weight: 600;
        display: inline-flex;
        position: relative;
        letter-spacing: .6px;
    }

    .off-socials li a::before {
        position: absolute;
        content: '';
        width: 0%;
        height: 1px;
        background-color: #fff;
        bottom: 0;
        left: 0;
        transition: .5s ease-in-out;
    }

    .off-socials li:hover a::before {
        width: 100%;
        transition: .5s ease-in-out;
    }
}

.page-header .nav-link,
.page-header__sidebar-heading h4,
.page-header__sidebar-heading h6,
.single-contact .contact h6,
.single-contact .contact span,
.social-area a {
    font-weight: 500;
    font-family: var(--ff-heading);
}

body:not(.home) .page-header {
    position: fixed;
    width: 100%;
    border: none;
    transition: .5s ease-in-out;
}

body:not(.home) .page-header .header__qc-icon span {
    background-color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    box-shadow: 0 2px 20px rgba(8, 14, 28, .06);
    font-size: 13px;
    color: var(--clr-theme-color);
}

body:not(.home) .page-header .header__qc-icon p {
    font-size: 15px;
    font-family: var(--ff-body);
    font-weight: 600;
    color: var(--clr-theme-black-300);
}

.page-header__sidebar-heading h4 {
    font-size: 25px;
    margin-bottom: 0;
    text-transform: capitalize;
}

.page-header__sidebar-heading {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    gap: 10px;
}

.page-header__sidebar-heading h6 {
    margin-bottom: 0;
    font-size: 22px;
}

.page-header__sidebar-heading img {
    height: 20px;
    transform: rotate(-45deg);
}

.single-contact .icon {
    height: 40px;
    min-width: 40px;
    max-width: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .35s;
    border: 1px solid var(--clr-theme-black-300);
}

.single-contact {
    display: flex;
    align-items: center;
    gap: 20px;
}

.single-contact .contact h6 {
    color: var(--clr-theme-black-300);
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 0;
}

.single-contact .contact span {
    color: var(--clr-theme-shade);
    font-size: 15px;
    letter-spacing: .2px;
}

.page-header__sidebar-contact ul li+li {
    margin-top: 15px;
}

.social-area {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.dropcontent .form-group>span,
.social-area li {
    flex: 0 0 auto;

}

.social-area a {
    border: 1px solid #c1c1c1;

    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--clr-theme-black);
    font-size: 14px;
    line-height: 1;
   width: 40px;
   height: 40px;
   border-radius: 50%;
    transition: .35s;
    justify-content: center;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: center;
}

.social-area a span{display: none;}
.social-area a:hover {
    color: var(--clr-theme-bg);
    border-color: var(--clr-theme-color);
}

.page-header .navbar-nav .nav-item .dropdown-menu .menu-item-has-children .nav-link::after {
    left: -16px;
}

.km-footer-col:last-child ul li:hover,
.page-header .navbar-nav .nav-item .dropdown-menu:hover .menu-item-has-children .nav-link {
    padding-left: 0;
}

.custom-offcanvas .btn-close:hover svg {
    fill: var(--clr-theme-white);
    transition: .3s ease-in-out;
}

.custom-offcanvas .btn-close svg {
    fill: var(--clr-theme-shade);
    transition: .3s ease-in-out;
}

.custom-offcanvas .btn-close:hover {
    background-color: var(--clr-theme-shade);
    transition: .3s ease-in-out;
}

.custom-offcanvas .btn-close {
    width: 35px;
    height: 35px;
    background-image: unset;
    border: 1px solid var(--clr-theme-shade);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    padding: 0;
    transition: .3s ease-in-out;
}

.page-header .navbar-nav .dropdown-menu .nav-item .nav-link {
    margin: 0;
    text-transform: capitalize;
    color: #464646;
    font-family: var(--ff-heading);
    font-size: 16px;
    font-weight: 500;
}

.page-header .navbar-nav .dropdown-menu .nav-item {
    padding: 8px 0;
    border: none;
}

.page-header .navbar-nav .dropdown-menu {
    list-style-type: circle;
    padding-left: 40px;
    border: none;
}

.nav-item .dropdown-menu.sub-dropdown-3 .nav-item {
    flex: 0 0 auto;
    width: 48%;
    display: inline-block;
}

.sub-menu-toggle.active::before {
    background-image: url("https://www.kreativemachinez.com/wp-content/uploads/2024/10/menu-toggle-minus.png");
}

.sub-icon {
    position: absolute;
    top: 7px;
    right: 20px;
    z-index: 9;
    width: 30px;
    height: 30px;
    border: none;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}

.page-header .nav-link {
    font-size: 18px;
    text-transform: capitalize;
    padding: 0;
    line-height: 20px;
    margin-left: 20px;
    letter-spacing: .7px;
}

.page-header .navbar-nav {
    border: 1px solid #e1e1e1;
}

.page-header .nav-item {
    padding: 12px 0;
    border-bottom: 1px solid #e6e6e6;
}

.custom-offcanvas .offcanvas-header .navbar-brand img,
.km-footer-certificate li img {
    height: 60px;
}

.usp-section::before {
    position: absolute;
    content: '';
    background-image: url('https://www.kreativemachinez.com/wp-content/uploads/2024/10/usp-bg-pattern.png');
    width: 330px;
    height: 410px;
    background-repeat: no-repeat;
    z-index: -1;
    background-size: contain;
    left: 0;
    bottom: 0;
}

.usp-section .left {
    background-color: #fff;
    position: relative;
}

.usp-section .left .usp-list {
    height: 50vh;
    overflow: auto;
    scroll-behavior: smooth;
    scroll-snap-type: y mandatory;
}

.usp-list li {
    height: 50vh;
    scroll-snap-align: start;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 32px;
    font-family: 'Open Sans';
    font-weight: 400;
    padding: 0 14px;
    line-height: 40px;
    color: #5a5a5a;
}

.usp-nav ul li a:hover,
.usp-pane h1 {
    color: #34495e;
}

.usp-content {
    display: flex;
}

.usp-nav {
    width: 40%;
    height: calc(100vh - 80px);
    position: sticky;
    top: 75px;
    background: #eef9ff;
    padding: 50px 40px;
}

.loc-clients,
.loc-cta {
    background-size: cover;
    background-position: center;
}

.loc-clients,
.loc-cta,
.process-section::before {
    background-repeat: no-repeat;
}

.usp-nav ul {
    margin: 0 auto;
}

.usp-nav ul li a {
    padding: 0;
    margin: 0 0 10px;
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    transition: .2s;
}

.usp-nav ul li a.active {
    border-bottom: 2px solid #ecf0f1;
}

.usp-nav ul li a.active img {
    height: 100%;
    width: 100%;
    transition: .5s ease-out;
    opacity: 1;
}

.usp-nav ul li a img {
    height: 0;
    transition: .5s ease-out;
    object-fit: cover;
    width: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    object-position: top;
}

.usp-nav ul li a>p {
    flex: 0 0 auto;
    width: 40%;
}

.usp-pane h1 {
    font-size: 5rem;
}

.usp-pane>div {
    width: 100%;
    padding: 50px 40px 50px 100px;
    background: #eef9ff;
    border-bottom: 1px solid #ccc;
    height: calc(100vh - 90px);
    position: relative;
    z-index: 9;
}

.usp-text h3 {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 32px;
}

.icon-wrapper {
    position: absolute;
    z-index: -1;
    bottom: 30px;
    right: 30px;
}

.canvas-three-cogs .canvas-icon,
.canvas-three-cogs .icon,
.three-cogs .canvas-icon,
.three-cogs .icon {
    color: #414042;
    position: absolute;
}

.three-cogs {
    height: 220px;
    width: 280px;
    opacity: .4;
}

.three-cogs .icon-sm {
    font-size: 90px;
    color: #03285570;
}

.three-cogs .icon-md {
    font-size: 110px;
    color: #12a9e170;
}

.three-cogs .icon-lg {
    font-size: 180px;
    color: #0084a169;
}

.services-wrap_box .swiper-button-next,
.three-cogs .icon-bottom,
.three-cogs .icon-top {
    right: 0;
}

.three-cogs .icon-top {
    top: 0;
}

.three-cogs .icon-bottom {
    bottom: 0;
}

.three-cogs .icon-left {
    left: 0;
    margin-top: -47px;
    top: 50%;
}

.canvas-three-cogs {
    height: 338px;
    width: 480px;
}

.canvas-three-cogs .canvas-icon.icon-top {
    margin-top: calc(50% - 358px);
    right: 0;
    top: 50%;
}

.canvas-three-cogs .canvas-icon.icon-bottom {
    bottom: 0;
    left: 50%;
    margin-left: calc(50% - 330px);
}

.canvas-three-cogs .canvas-icon.icon-left {
    left: 0;
    top: 0;
}

.canvas-three-cogs .canvas-icon.icon .icon-sm {
    color: #039de7;
    height: 128px;
    width: 130px;
}

.canvas-three-cogs .canvas-icon.icon .icon-md {
    color: #f15b5e;
    height: 158px;
    width: 160px;
}

.canvas-three-cogs .canvas-icon.icon .icon-lg {
    color: #414042;
    height: 181px;
    width: 190px;
}

.rotate {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.rotate:not(.rotate-reverse) {
    -webkit-animation-name: rotate;
    animation-name: rotate;
}

.rotate.rotate-reverse {
    -webkit-animation-name: rotate-reverse;
    animation-name: rotate-reverse;
}

@-webkit-keyframes rotate {
    to {
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rotate-reverse {
    to {
        transform: rotate(-360deg)
    }
}

@keyframes rotate-reverse {
    to {
        transform: rotate(-360deg)
    }
}

.animate-snail {
    -webkit-animation-duration: 12s;
    animation-duration: 12s;
}

.animate-slowest {
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
}

.animate-slower {
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
}

.animate-slow {
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}

.animate-base {
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
}

.animate-fast {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}

.animate-faster {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.animate-fastest {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.animate-lightning {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
}

.believe-img,
.location-inner-banner,
.process-section,
.theme-overlay,
.usp-item:not(.item-0) {
    position: relative;
    z-index: 9;
}

.theme-overlay::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: #077088c4;
    top: 0;
    left: 0;
    z-index: -1;
}

.usp-grid {
    display: grid;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 20px 16px;
    height: auto;
}

.item-0 {
    grid-column-start: 1;
    grid-row-end: 4;
    grid-column-end: 2;
}

.item-1 {
    grid-column-start: 2;
    grid-row-end: 2;
    grid-column-end: 3;
}

.item-2,
.item-3 {
    grid-row-start: 4;
    grid-row-end: 5;
}

.item-2 {
    grid-column-start: 1;
    grid-column-end: 2;
}

.item-3,
.item-4,
.item-5 {
    grid-column-start: 2;
    grid-column-end: 3;
}

.item-4 {
    grid-row-start: 3;
    grid-row-end: 4;
}

.item-5 {
    grid-row-start: 2;
    grid-row-end: 3;
}

.usp-item.item-0 .img-part img {
    height: 340px;
    object-fit: contain;
}

.usp-item:not(.item-0) {
    overflow: hidden;
    backdrop-filter: blur(6px);
}

.usp-item:not(.item-0)::before {
    content: "";
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, #f0f, orange);
    border-radius: 50%;
    position: absolute;
    top: -100px;
    left: 380px;
    z-index: -1;
    opacity: .3;
}

.usp-item:not(.item-0)::after {
    content: "";
    width: 250px;
    height: 250px;
    background: linear-gradient(45deg, #00f, #0ff);
    border-radius: 50%;
    position: absolute;
    bottom: -100px;
    right: 380px;
    z-index: -1;
    opacity: .3;
}

.usp-item:not(.item-0) .content {
    border: 1px solid #d6d6d6;
    background-image: linear-gradient(45deg, rgba(0, 132, 161, .39), rgba(18, 169, 225, .49));
    padding: 20px 30px;
    transform: perspective(800px) rotateX(0) rotateY(0);
    transition: transform .3s ease-in-out;
    backdrop-filter: blur(6px);
    height: 100%;
    box-shadow: 0 0 20px #0084a1;
    border-top: 2px solid rgba(255, 255, 255, .25);
    border-left: 2px solid rgba(255, 255, 255, .2);
}

.usp-item:not(.item-0):hover {
    transform: perspective(800px) rotateX(9deg) rotateY(0);
    transition: transform .3s ease-in-out;
}

.usp-item:not(.item-0) .content>* {
    flex: 0 0 auto;
}

.usp-item:not(.item-0) .content>.icon {
    width: 100px;
    height: 100px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #00093785;
    border-radius: 6px;
}

.usp-item:not(.item-0) .content>p {
    width: 74%;
}

.usp-item:not(.item-0) .content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.usp-item:not(.item-0) .content p {
    margin: 0;
    font-size: 18px;
    padding-left: 8px;
    font-weight: 600;
    color: #fff;
    font-family: var(--ff-heading);
}

.blog-section .owl-dots,
.business-carousel .owl-dots,
.owl-dots {
    display: flex;
    gap: 4px;
    align-items: baseline;
}

.blog-section .owl-dot span,
.business-carousel .owl-dot span,
.owl-dot span {
    width: 16px;
    height: 3px;
    display: inline-flex;
    background-color: var(--clr-theme-color);
}

.blog-section .owl-dot.active span,
.business-carousel .owl-dot.active span,
.owl-dot.active span {
    width: 70px;
    background-color: var(--clr-theme-color) !important;
}

.believe-img {
    height: 500px;
    object-fit: cover;
    transition: .5s ease-in-out;
    overflow: hidden;
    box-shadow: 0 0 7px 2px rgba(24, 24, 24, .5);
}

.believe-img img {
    max-width: 100%;
    transition: 5s;
    animation-duration: 50s;
    animation-name: masihscroll;
    animation-iteration-count: 3000;
}

@keyframes masihscroll {

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

    50% {
        transform: translateY(-80%)
    }
}

.usp-carousel .owl-nav {
    display: flex !important;
    justify-content: center;
    position: absolute;
    right: -40px;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    gap: 27px;
    width: 50px;
    align-items: center;
}

.usp-carousel .owl-nav>* {
    color: var(--clr-theme-color);
    text-transform: uppercase;
    font-weight: 600;
    font-family: var(--ff-heading);
}

.believe-section .left .button-wrap {
    padding-top: 16px;
}

.process-section::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url('https://www.kreativemachinez.com/wp-content/uploads/2024/10/process-line.svg');
    background-size: 95%;
    background-position: center;
    z-index: -2;
    opacity: .3;
}

.process-steps-wrap {
    height: 550px;
    margin-top: 72px;
}

.process-steps-wrap>.step:nth-child(2n) {
    align-self: flex-end;
}

.process-steps-wrap .step .img-part {
    position: absolute;
    z-index: -1;
    opacity: 0;
    top: -60px;
    left: 0;
    right: -70px;
    transition: .5s ease-in-out;
}

.process-steps-wrap .step:hover .img-part {
    opacity: .4;
    transition: .5s ease-in-out;
}

.process-steps-wrap .step .img-part img {
    height: 230px;
    width: 230px;
    border-radius: 50%;
    transition: .6s ease-in-out;
}

.process-steps-wrap .step:hover .img-part img {
    transition: .6s ease-in-out;
}

.process-steps-wrap .step .step-id span {
    position: absolute;
    font-size: 180px;
    font-weight: 800;
    text-align: center;
    background: linear-gradient(180deg, #bceDF899 0, rgba(255, 255, 255, 0));
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    top: -100px;
    left: -90px;
    color: #f1f6f7;
    z-index: -2;
}

.process-steps-wrap .step .title h3 {
    font-size: 24px;
    font-weight: 800;
    font-family: var(--ff-heading);
    color: #fff;
}

.process-steps-wrap .step .desc p {
    margin-bottom: 0;
    color: #f5f5f5;
    font-size: 15px;
    line-height: 26px;
    font-family: var(--ff-body);
}

.client-section {
    position: relative;
    background-color: #fff;
}

.brand-section .custom-paragraph p {
    color: var(--clr-theme-black);
    font-size: 15px;
    line-height: 26px;
    font-family: var(--ff-body);
    width: 100%;
    margin: 0 auto;
}

.hp-client-wrap .item {
    display: flex;
    gap: 8px;
    flex-direction: column;
}

.hp-contact .left {
    display: flex;
    align-items: center;
    padding: 35px 80px 35px 16px;
    height: 100%;
    justify-content: flex-end;
}

.g-reviews .item {
    display: flex;
    align-items: center;
    position: relative;
    border: 1px dashed var(--clr-theme-shade);
    border-radius: 30px 0;
    padding: 25px 20px;
}

.g-reviews .item .img-part {
    position: absolute;
    bottom: 25px;
    width: 50px;
    height: 50px;
    right: 25px;
}

.g-reviews .item .img-part img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 6px;
}

.hp-contact .left .img-part svg {
    width: 100%;
    height: 360px;
}

.hp-contact .left .content {
    margin-left: -60px;
    width: 60%;
}

.hp-contact .right {
    padding-left: 25px;
}

.g-reviews .item .content .title {
    width: fit-content;
}

.g-reviews .item .content .title h5 {
    font-size: 16px;
    margin-bottom: 4px;
}

.g-reviews .item .content .title span {
    display: inline-flex;
    font-size: 13px;
}

.g-reviews .item .content .desc::before {
    position: absolute;
    content: '\f10d';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 80px;
    line-height: 60px;
    color: #00415a17;
    z-index: -1;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}

.g-reviews .owl-dots {
    justify-content: center;
    margin-top: 16px;
}

#big-plant {
    animation: 6s ease-in-out infinite big-plant;
    transform-origin: 35% 81%;
}

@keyframes big-plant {

    0%,
    100% {
        transform: skew(0) rotateZ(0) rotateX(0)
    }

    50% {
        transform: skew(7deg, 4deg) rotateZ(12deg) rotateX(10deg)
    }
}

#tie {
    animation: 2s ease-in-out infinite tie;
    transform-origin: 50% 62%;
}

@keyframes tie {

    0%,
    100% {
        transform: rotate(0)
    }

    50% {
        transform: skew(-12deg) rotate(-6deg)
    }
}

#plant1,
#plant2 {
    animation: 2s ease-in-out infinite plants;
    transform-origin: 18% 91%;
}

#plant2 {
    animation-delay: .5s
}

@keyframes plants {

    0%,
    100% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(-8deg)
    }
}

#leaf,
#leaf_2 {
    animation: 10s ease-in-out forwards fall;
}

#leaf {
    animation-duration: 8s;
}

#leaf_2 {
    transform: translateX(-1%) translateY(5%);
    animation-delay: 1s;
}

@keyframes fall {
    0% {
        transform: rotate(0) translateX(-1%) translateY(5%);
        transform-origin: 75% 9%;
        filter: drop-shadow(0 35px 8px rgba(0, 0, 0, 0))
    }

    25% {
        transform: rotate(20deg) translateX(16%) translateY(5%);
        transform-origin: 80% 13%
    }

    50% {
        transform: rotate(15deg) translateX(5%) translateY(35%);
        transform-origin: 65% 33%;
        filter: drop-shadow(0 35px 8px rgba(0, 0, 0, 0))
    }

    75% {
        transform: rotate(20deg) translateX(24%) translateY(65%);
        transform-origin: 93% 66%;
        filter: drop-shadow(-10px 25px 3px rgba(0, 0, 0, 0))
    }

    100% {
        transform: rotate(20deg) translateX(1%) translateY(73%);
        transform-origin: 65% 85%;
        filter: drop-shadow(0 3px 0 rgba(0, 0, 0, .15))
    }
}

:root {
    --clr-theme-color: #12a9e1;
    --clr-theme-shade: #0084a1;
    --clr-theme-white: #f2f4ff;
    --clr-theme-bg: #f9faff;
    --clr-theme-black: 1e2019;
    --clr-theme-black-300: #0e131f;
    --ff-heading: "HelveticaNowDisplay", sans-serif;
    --ff-body: "Roboto", sans-serif;
    --size: clamp(10rem, 1rem + 40vmin, 30rem);
    --gap: calc(var(--size) / 14)
}

.hp-client-wrapper,
.marquee,
.marquee__group {
    display: flex;
    gap: var(--gap);
}

.marquee {
    overflow: hidden;
    user-select: none;
    mask-image: linear-gradient(var(--mask-direction, to right), hsl(0 0% 0% / 0), hsl(0 0% 0% / 1) 20%, hsl(0 0% 0% / 1) 80%, hsl(0 0% 0% / 0));
}

.marquee__group {
    flex-shrink: 0;
    align-items: center;
    justify-content: space-around;
    min-width: 100%;
    animation: 20s linear infinite scroll-x;
}

@media (prefers-reduced-motion:reduce) {
    .marquee__group {
        animation-play-state: paused;
    }
}

.marquee--reverse .marquee__group {
    animation-direction: reverse;
    animation-delay: -3s;
}

@keyframes scroll-x {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(calc(-100% - var(--gap)))
    }
}

@keyframes scroll-y {

    from,
    to {
        transform: translateY(calc(-100% - var(--gap)))
    }
}

.hp-client-wrapper {
    flex-direction: column;
    margin: auto;
    max-width: 100vw;
}

@keyframes fade {
    to {
        opacity: 0;
        visibility: hidden;
    }
}

.hp-client-wrapper .img-part {
    display: grid;
    place-items: center;
    width: var(--size);
    background: #000;
    padding: calc(var(--size)/ 10);
    border-radius: .5rem;
    height: 100px;
}

.hp-client-wrapper .img-part img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.loc-services-wrap {
    display: flex;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.loc-services-heading {
    width: 100%;
    padding: 43px 0 0;
    flex: 0 0 auto;
}

.loc-services-content {
    width: 100%;
    flex: 0 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.custom-s-heading h1,
.custom-s-heading h2,
.loc-services-heading h1,
.loc-services-heading h2 {
    color: #484848;
    font-weight: 600;
    letter-spacing: -.8px;
    text-transform: capitalize;
    line-height: 42px;
    font-family: var(--ff-heading);
}

.custom-s-heading h1 span,
.custom-s-heading h2 span,
.loc-services-heading h1 span,
.loc-services-heading h2 span {
    background: linear-gradient(90deg, #0085a3, #b3deee, #0085a3, #b3deee);
    background-clip: border-box;
    background-size: 300% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    animation: 3s linear infinite reverse bgMove;
    mix-blend-mode: normal;
}

@keyframes bgMove {
    0% {
        background-position: 0 100%
    }

    to {
        background-position: 100% 100%
    }
}

.loc-service-card {
    width: 33.33%;
    height: auto;
}

.loc-service-card-wrap {
    transition: box-shadow .25s ease-in-out;
    padding: 3em 2.375em;
    box-shadow: 0 0 5px rgba(132, 137, 151, .08);
    border: 1px solid #eee;
    height: 97%;
}

.loc-service-card-wrap:hover {
    box-shadow: 0 -1px 21px rgba(56, 61, 77, .08);
    transition: box-shadow .25s ease-in-out;
}

.loc-service-card .icon {
    width: 4em;
    height: 4em;
    background-color: rgba(164, 161, 161, .5);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 1.5em;
    transition: background-color .25s ease-in-out;
}

.loc-service-card .icon img {
    width: 2.25em;
    height: 2.25em;
}

.loc-service-card:hover .icon {
    background-color: #16a8e0;
    transition: background-color .25s ease-in-out;
}

.loc-service-card .loc-service-card-wrap .title h3 {
    color: #484848;
    letter-spacing: -.04em;
    line-height: 1.22;
    margin: 0 0 1em;
    font-family: var(--ff-hadding);
}

.loc-service-card .loc-service-card-wrap .desc p {
    color: var(--clr-theme-black);
    font-size: 13px;
    line-height: 26px;
    font-family: var(--ff-body);
    margin: 0 0 1em;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.loc-service-card .loc-service-card-wrap .anchor {
    position: relative;
    display: flex;
    align-items: center;;
}

.loc-service-card .loc-service-card-wrap .anchor span {
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s ease-in-out, visibility .25s ease-in-out;
    display: inline-flex;
    width: 34px;
    height: 34px;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 9px 6px rgba(136, 136, 136, .18);
    border-radius: 50%;
}

.loc-service-card:hover .loc-service-card-wrap .anchor span {
    opacity: 1;
    visibility: visible;
    transition: opacity .25s ease-in-out, visibility .25s ease-in-out;
}

.loc-service-card .loc-service-card-wrap .anchor span svg {
    width: 13px;
    transform: rotate(-45deg);
    transition: .4s;
}

.loc-service-card:hover .loc-service-card-wrap .anchor span svg {
    transform: rotate(0);
    transition: 1s;
}

.work-item .content {
    top: initial;
    left: 0;
    bottom: 40px;
    height: auto;
    align-items: flex-start;
    width: 100%;
    max-width: 300px;
    word-break: break-word;
    background: #0086a4a3;
    transform: rotateY(20deg);
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    transition: opacity .5s, transform .5s;
    transform-origin: left center;
    position: absolute;
    display: flex;
    z-index: 3;
    flex-direction: column;
    justify-content: flex-end;
    padding: 27px 30px 31px;
    overflow: hidden;
    opacity: 0;
    backdrop-filter: blur(3px);
}

.work-item:hover .content {
    transition: opacity .2s, transform .5s;
    transform: rotateY(0);
    opacity: 1;
}

.work-cat>* {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
    color: #e1e1e1;
    letter-spacing: .8px;
    font-family: var(--ff-secondary);
    padding-right: 3px;
    margin-right: 3px;
}

.work-cat>:hover {
    color: #c1eeff;
}

.work-title>* {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    line-height: 33px;
    text-transform: capitalize;
    margin: 0;
}

.work-title>:hover {
    text-decoration: underline;
}

.work-item img {
    height: 260px;
    width: 100%;
    object-fit: cover;
}

.work-item.item {
    margin: 0 8px;
}

.loc-clients {
    background-color: #f2f4ff !important;
    background-image: url('https://www.kreativemachinez.com/wp-content/uploads/2023/05/content-bg.webp');
}

.loc-clients-wrap .nav.nav-tabs {
    display: flex;
    justify-content: center;
    border: none;
    gap: 10px;
    margin-bottom: 42px;
}

.loc-clients-wrap .nav.nav-tabs>li {
    flex: 0 0 auto;
    width: 15%;
}

.loc-clients-wrap .nav.nav-tabs>li button {
    color: #363636;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: .03em;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 0;
    background-color: #d3f3ff;
    transition: .25s;
    float: unset !important;
    width: 100%;
    border-radius: 8px;
    border: none;
}

.loc-clients-wrap .nav.nav-tabs>li button.active,
.loc-clients-wrap .nav.nav-tabs>li button:hover {
    background-color: #83cdff;
}

.loc-clients-wrap .nav.nav-tabs>li:not(:last-child) {
    border-right: 1px solid rgba(54, 54, 54, .3);
}

.loc-clients-wrap .nav.nav-tabs>li a {
    padding: 0;
    color: #363636;
    background: 0 0 !important;
    border: none !important;
    outline: 0 !important;
}

.loc-client-carousel .owl-dot.active span {
    background-color: var(--clr-theme-shade) !important;
}

.loc-client-carousel .owl-dots {
    justify-content: center;
    margin-top: 25px;
}

.loc-clients .tab-content {
    padding: 0 20px;
    margin-top: 42px;
}

.loc-clients-wrap .desc.text-center p {
    width: 55%;
    margin: 0 auto;
    color: #f7f7f7;
}

.loc-video .play {
    position: relative;
    display: block;
}

.loc-video .play img {
    height: 340px;
    object-fit: cover;
}

.loc-video .play .icon {
    background-color: var(--clr-theme-color);
    color: #fff;
    display: inline-flex;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.loc-cta {
    background-image: url('https://www.kreativemachinez.com/wp-content/uploads/2024/10/location-uae.jpg');
    z-index: 1;
    position: relative;
}

.loc-cta::before {
    position: absolute;
    content: '';
    background-color: #f2f4ffd6;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.custom-loc-button {
    cursor: pointer;
    position: relative;
}

.dropcontent,
.dropcontents {
    transform: translateY(-30%) translateX(-50%);
    position: absolute;
    opacity: 0;
    z-index: -1;
    width: 100%;
    left: 50%;
    padding: 9px;
}

.dropcontent.show .close-content {
    color: #fff;
    font-size: 20px;
    width: 30px;
    height: 30px;
    padding: 0;
    border-radius: 2px;
    background-image: none;
    background-color: #ff5050;
    display: flex;
    align-content: center;
    justify-content: center;
    position: absolute;
    top: -15px;
    right: -15px;
}

.dropcontents.show {
    transform: translateY(-50%) translateX(-50%);
    opacity: 1;
    z-index: 99;
}

.dropcontent .wpcf7-form-control-wrap .wpcf7-list-item label .dropcontents .wpcf7-form-control-wrap .wpcf7-list-item-label {
    display: block !important;
    width: 100%;
}

.dropcontent .form-group,
.dropcontents .form-group {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 2px;
}

.dropcontents .form-group>span {
    flex: 0 0 auto;
    width: 33%;
}

.dropcontent .form-group input,
.dropcontents .form-group input {
    width: 15px !important;
    height: 15px !important;
    border: none !important;
    display: none;
}

.dropcontent .form-group .wpcf7-list-item,
.dropcontents .form-group .wpcf7-list-item,
.emblem-box .year_of_ex {
    margin-left: 0;
}

.dropcontent .form-group .wpcf7-list-item-label,
.dropcontents .form-group .wpcf7-list-item-label {
    font-size: 12px;
    font-weight: 500;
    display: block;
    width: 100%;
}

.skew-spacer::before {
    width: 100%;
    height: 70px;
    background-color: #3b4e66;
    transform: skewX(-60deg);
    position: absolute;
    content: '';
    z-index: -1;
    top: -30px;
    box-shadow: 41px 21px var(--clr-theme-shade);
}

.custom-btn-s {
    background: #5caadf;
    color: #fff;
    padding: 8px 20px;
    border-radius: 7px;
    margin-top: 15px;
    text-align: center;
    font-size: 13px;
    display: inline-block;
    letter-spacing: 0;
}

.loc-counter {
    background-color: var(--clr-theme-bg);
}

.counter-up-wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 46px;
}

.counter-box {
    width: 33.33%;
    text-align: center;
    border-right: 1px solid rgba(54, 54, 54, .2);
}

.count-title {
    color: #363636;
    font-size: 12px;
    font-weight: 400;
}

.count-number-and-unit {
    color: #5caadf;
    font-size: 70px;
    font-weight: 600;
    font-family: var(--ff-hadding);
}

.location-inner-banner .inner-banner-wrap {
    top: 55%;
}

.inner-banner-wrap {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 11;
}

.location-inner-banner::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(1, 93, 116, .43);
    z-index: 0;
    left: 0;
    top: 0;
}

.location-inner-banner img {
    height: 625px;
    object-fit: cover;
    width: 100%;
}

.inner-banner-content h1 {
    font-weight: 700;
    text-transform: capitalize;
    font-family: var(--ff-heading);
}

.inner-banner-content p,
.servicesInner_wrap p {
    color: #fff;
    font-size: 15px;
    line-height: 26px;
    font-family: var(--ff-body);
}

.inner-banner-form {
    background-color: rgba(255, 255, 255, .77);
    backdrop-filter: blur(2px);
    padding: 30px;
    border-radius: 0 0 10px 10px;
    border-top: 10px solid var(--clr-theme-color);
}

.custom-loc-button,
.inner-banner-form .form-group input,
.inner-banner-form .form-group select {
    height: 45px;
    font-size: 14px;
    border: none;
    border-bottom: 2px solid var(--clr-theme-shade);
    padding: 6px 10px 6px 0;
    width: 100%;
}

.location-portfolio-section .portfolio__single .img-part,
.location-portfolio-section .portfolio__sub .portfolio__single,
.slider {
    height: auto;
}

.inner-banner-form .form-group.form-button {
    margin-bottom: 0;
    margin-top: 20px;
    position: relative;
}

.inner-banner-form h3 {
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    color: var(--clr-theme-shade);
    font-family: var(--ff-heading);
}

.location-page-template .page-header .header__qc-icon p {
    color: #12a9e1 !important;
}

body.page-template-template-locations .page-header.sticky .navbar-brand img {
    filter: opacity(1);
}

.dropcontent.show {
    transform: translateY(-50%) translateX(-50%);
    opacity: 1;
    z-index: 99;
    left: 50%;
    top: 40%;
}

.dropcontent .form-group .wpcf7-list-item-label {
    font-size: 11px;
    width: 100%;
}

.dropcontent label,
.dropcontent.show label,
.dropcontents label,
.dropcontents.show label {
    display: block !important;
    height: 100%;
}

.dropcontent.show label input[type=checkbox]+* {
    color: #000;
    border: 1px solid #000;
    margin: 6px 0;
    padding: 4px 0;
}

.dropcontent.show label input[type=checkbox]:checked+* {
    color: #fff !important;
    border: 1px solid #fff !important;
    background: 0 0;
    background-color: var(--clr-theme-shade);
}

.dropcontent,
.dropcontents {
    background-color: #fff;
    box-shadow: 0 0 14px rgba(153, 150, 150, .59);
    border-radius: 10px;
}

.location-portfolio-section .portfolio__single-btn {
    top: 50%;
    width: 30px;
    height: 30px;
}

.location-portfolio-section .portfolio__single-title h4 {
    font-size: 16px;
    padding: 5.5px 17px 9.5px 20px;
    bottom: 7px;
}

.location-portfolio-section .portfolio__single .portfolio__single-btn img {
    height: 17px;
}

.loc-cert .loc-award-item .loc-cert-link img {
    height: 344px;
    width: 100%;
}

.loc-service-card-wrap .z-shape-icon .dots::after {
    bottom: -5px;
    left: 15px;
}

.loc-service-card-wrap {
    box-shadow: rgba(30, 36, 50, .07) 0 10px 30px 0, rgba(30, 36, 50, .1) 0 0 1px 0;
    background-color: #fff;
    border-radius: 10px;
}

.dropcontent .form-group {
    gap: 5px 8px;
    justify-content: center;
}

.loc-service-card {
    position: relative;
    z-index: 2;
    overflow: hidden;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    padding: 15px 20px;
}

.location-page-template .page-header.sticky {
    position: fixed !important;
    top: 0;
    background: #fff;
    box-shadow: 0 5px 20px rgba(8, 14, 28, .06);
    width: 100%;
    z-index: 999;
}

.location-page-template .page-header {
    position: relative !important;
    z-index: 99;
    padding: 6px 0;
    border-bottom: 3px solid var(--clr-theme-shade) !important;
}

.location-page-template .page-header .header__qc-icon span {
    background: var(--clr-theme-shade) !important;
    color: #fff !important;
}

.loc-client-carousel-1 {
    padding-bottom: 40px;
}

.location-portfolio-section {
    background-color: var(--clr-theme-bg);
}

.media .icon {
    position: absolute;
    top: 50%;
    left: 38%;
    transform: translate(-50%, -50%);
}

.slider {
    position: relative;
    width: 100%;
    display: grid;
    overflow: hidden;
}

.slide-track,
.slide-track2 {
    width: calc(150px * 20);
    display: flex;
}

.slide-track {
    animation: 20s linear infinite scroll;
    justify-content: space-between;
}

.slide-track2:hover,
.slide-track:hover {
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
}

.slide-track2 {
    animation: 20s linear infinite scroll2;
    justify-content: space-between;
}

.slide {
    width: 150px;
    height: 100px;
    display: grid;
    transition: .5s;
    cursor: pointer;
    border-radius: 8px;
    margin: 0 6px;
    background-color: #fff;
}

.slide img {
    object-fit: contain;
    height: 70px;
    transform: scale(1);
    transition: .5s ease-in-out;
}

.slide img:hover {
    transform: scale(1.1);
    transition: .5s ease-in-out;
}

@keyframes scroll {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(calc(-150px * 10))
    }
}

@keyframes scroll2 {
    0% {
        transform: translateX(calc(-150px * 10))
    }

    100% {
        transform: translateX(0)
    }
}

@media screen and (max-width:768px) {
    #menu {
        transform: none;
        opacity: 0;
        transition: opacity .5s cubic-bezier(.77, .2, .05, 1);
    }

    .slide-track,
    .slide-track2 {
        width: calc(80px * 20);
    }

    .slide {
        width: 110px;
        height: 80px;
    }

    .slide img {
        height: 60px;
    }

    @keyframes scroll {
        0% {
            transform: translateX(0)
        }

        100% {
            transform: translateX(calc(-80px * 10))
        }
    }

    @keyframes scroll2 {
        0% {
            transform: translateX(calc(-80px * 10))
        }

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

.ping {
    -webkit-animation: .8s ease-in-out infinite both ping;
    animation: .8s ease-in-out infinite both ping;
}

@-webkit-keyframes ping {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(.2);
        transform: translate(-50%, -50%) scale(.2);
        opacity: .8
    }

    80% {
        -webkit-transform: translate(-50%, -50%) scale(1.2);
        transform: translate(-50%, -50%) scale(1.2);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(-50%, -50%) scale(2.2);
        transform: translate(-50%, -50%) scale(2.2);
        opacity: 0
    }
}

@keyframes ping {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(.2);
        transform: translate(-50%, -50%) scale(.2);
        opacity: .8
    }

    80% {
        -webkit-transform: translate(-50%, -50%) scale(1.2);
        transform: translate(-50%, -50%) scale(1.2);
        opacity: 0
    }

    100% {
        -webkit-transform: scale(2.2);
        transform: scale(2.2);
        opacity: 0;
    }
}

.main-blog-card img {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    -webkit-transition: .5s;
    transition: .5s;
    background-size: cover;
}

.main-blog-img {
    height: 170px;
}

.common-story .client__single img,
.digitalInner_img2 img,
.digitalInner_left .digitalInner_img1,
.digitalInner_left .digitalInner_img1 img,
.km-footer-col,
.main-blog-img img,
.map-boxed,
.page-header .offcanvas,
.servicePart_img1 img,
.servicePart_img2 img,
.serviceinner-cta-bg,
.serviceinner-cta-bg img,
.services_industries_left .img-part img,
.strategies_imgpart img,
.testimonialsInner_Reviews_grid ul li img {
    width: 100%;
}

.main-blog-card img:first-child {
    -webkit-transform: translatex(50%) scalex(2);
    transform: translatex(50%) scalex(2);
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

.main-blog-card:hover img:first-child {
    -webkit-transform: translatex(0) scalex(1);
    transform: translatex(0) scalex(1);
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
}

.main-blog-card:hover img:nth-child(2) {
    -webkit-transform: translatex(-50%) scalex(2);
    transform: translatex(-50%) scalex(2);
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

.pro-banner {
    background-color: #eee;
    margin-bottom: 96px;
}

.pro-banner .banner-part {
    padding-top: 165px;
    padding-bottom: 150px;
    position: relative;
}

.text-section {
    margin-top: 50px;
    margin-bottom: 50px;
    background-image: url(https://www.kreativemachinez.com/wp-content/uploads/2024/10/banner2.jpg);
    background-size: cover;
    background-position: left;
    width: 100%;
    height: auto;
    left: 0;
    bottom: 0;
    top: 0;
}

.emblem,
.emblem-box {
    width: 150px;
    height: 150px;
}

.pro-banner .icon-wrapper {
    position: absolute;
    z-index: 9;
}

.text-section .text-part {
    background-color: #fff;
    padding: 30px 13px 30px 23px;
}

.web-part {
    padding-top: 50px;
    padding-bottom: 80px;
    background-color: #02315b;
}

.web-part .left-site .techo {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.web-part .left-site .techo .single-part {
    width: 33%;
    padding: 20px;
}

.web-part .left-site .techo .single-part p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.web-part .left-site {
    background-color: #a6dde9;
    padding: 28px 16px;
    text-align: center;
}

.pro-section {
    padding-top: 60px;
    padding-bottom: 50px;
}

.pro-section .mid-part {
    background-color: #a6dde9;
    padding: 50px;
}

.our-services-part .service-card {
    background-image: url('https://www.kreativemachinez.com/wp-content/uploads/2024/10/services-1.jpg');
    background-size: cover;
    background-position: center;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
    border: 1px solid #767676;
    border-radius: 6px;
    padding: 50px 30px;
    transform: translate(0, 10px);
    transition: transform .4s ease-in-out;
}

.our-services-part .service-card::after {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: initial;
    transition-delay: 0.2s;
    z-index: -1;
    background-color: #010608a1;
    visibility: visible;
    opacity: 1;
}

.our-services-part .service-desc p {
    color: #fff;
    font-size: 15px;
    line-height: 26px;
    font-family: var(--ff-body);
    font-weight: 600;
    margin-bottom: 49px;
    min-height: 155px;
    margin-top: 55px;
}

.our-services-part .service-title h4 {
    font-weight: 700;
    font-family: var(--ff-heading);
    color: #fff;
    transition: .4s ease-in-out;
    font-size: 22px;
}

.our-services-part .service-icon img {
    filter: brightness(100%);
    height: 32px;
    object-fit: contain;
    transition: .4s ease-in-out;
}

.our-services-part .service-card:hover {
    box-shadow: 5px 5px 17px rgba(0, 0, 0, .14);
    border-color: #b5b5b575;
    transform: translateY(0);
    transition: transform .4s ease-in-out;
}

.brand-part #bli,
.brand-part #lft {
    border-right: 1px solid #b9b9b9;
}

.our-services-part .service-card:hover .service-icon img {
    filter: contrast(0%) brightness(200%);
    transition: .4s ease-in-out;
}

.our-services-part .service-desc a {
    z-index: 999;
    position: absolute;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
}

.brand-part {
    padding-top: 40px;
    padding-bottom: 88px;
}

.brand-part .text-line h4 {
    font-size: 30px;
    color: var(--clr-theme-color);
    font-weight: 700;
    -webkit-transform: translateY(25%);
    transform: translateY(25%);
    transition: .5s ease-out;
    -webkit-transition: .5s ease-out;
}

.brand-part .text-line {
    padding: 50px;
}

.brand-part .text-line p {
    opacity: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: .5s ease-out;
    -webkit-transition: .5s ease-out;
}

.brand-part .para-part p {
    color: var(--clr-theme-black);
    font-size: 15px;
    line-height: 26px;
    font-family: var(--ff-body);
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

.brand-part .text-line:hover p {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: 1.2s ease-out;
    -webkit-transition: 1.2s ease-out;
}

.brand-part .text-line:hover h4 {
    -webkit-transform: translateY(-11%);
    transform: translateY(-11%);
    transition: .5s ease-out;
    -webkit-transition: .5s ease-out;
}

.brand-part #bli {
    border-bottom: 1px solid #b9b9b9;
    border-top: 1px solid #b9b9b9;
}

.text-line .custom-button {
    margin-top: 16px;
    opacity: 0;
}

.service-section-icon {
    padding-top: 30px;
    padding-bottom: 40px;
}

.service-section-icon .inner-part {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.service-section-icon .inner-part .icon-part {
    width: 16%;
    text-align: center;
    padding: 29px 8px;
}

.service-section-icon .inner-part .icon-part .single-images {
    max-width: 90px;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    padding-bottom: 20px;
}

.service-section-icon .inner-part .single-images:hover img {
    transform: scale(1.3);
    transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36);
    -webkit-transform: scale(1.3);
    filter: none;
    -webkit-filter: none;
}

.service-section-icon .inner-part .single-images img {
    transform: translateZ(0);
    transition-duration: .8s;
    transition-property: transform;
    transition-timing-function: ease-out;
    filter: gray;
    -webkit-filter: grayscale(1);
}

.services-section .inner-part .single-images:hover .icon-part {
    box-shadow: -2px 6px 8px 0 #76747469;
}

.site-section .box .icon-part {
    position: absolute;
    opacity: 0;
    background-color: #000;
    padding: 20px;
    bottom: 0;
    left: 0;
    right: 0;
}

.site-section .box .text-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(167, 165, 165, .6);
    padding: 10px;
    opacity: 0;
}

.site-section .box:hover .icon-part,
.site-section .box:hover .text-box {
    opacity: inherit;
}

.site-section {
    padding-bottom: 30px;
    padding-top: 30px;
}

.site-section .box:hover .up-part {
    opacity: 0;
    z-index: -1;
}

.site-section .box:hover .z-title {
    opacity: 1;
    z-index: 99;
}

.site-section .box .up-part .text h3 {
    font-size: 29px;
    font-weight: bolder;
    color: #fff;
}

.site-section .box .up-part {
    position: absolute;
    top: 60px;
    bottom: 0;
    left: 24px;
    right: 0;
    background-color: #000;
    width: 210px;
    height: 210px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
}

.site-section .box .z-titel {
    position: absolute;
    top: 62px;
    left: 0;
    right: 0;
    padding: 10px;
    z-index: 1;
    opacity: 0;
}

.site-section .box .z-titel::before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
}

.site-section .box .z-titel h4 {
    font-size: 27px;
    font-weight: 500;
    color: #fff;
    text-transform: capitalize;
    padding-bottom: 25px;
}

.site-section .box .z-titel p {
    color: #fff;
    font-size: 15px;
    line-height: 26px;
    font-family: var(--ff-body);
    text-transform: capitalize;
    font-weight: inherit;
    padding-bottom: 45px;
}

.site-section .box .z-titel a {
    font-size: 16px;
    text-transform: capitalize;
    color: #fff;
}

.site-section .box .z-titel i {
    padding-left: 10px;
    transform: rotate(30deg);
}

.site-section .box .z-titel a:hover i {
    transform: rotate(0);
}

.icon_Box {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #f4f4f4;
    border-radius: 10px;
    padding: 35px 20px;
}

.believe-slider-wrap .item .cont .text:first-of-type,
.believe_cont h4 span {
    border-radius: 0 20px 0 0;
}

.certificatr-slider .swiper-slide img {
    height: 110px;
    object-fit: contain;
}

@keyframes swift-up {
    to {
        top: 0
    }
}

.swift-up-text span {
    display: inline-block;
    overflow: hidden;
    animation: .3s ease-in-out forwards swift-up;
}

.swift-up-text i {
    font-style: normal;
    position: relative;
    animation: .5s ease-in-out forwards swift-up;
}

.text_box .letter {
    transform-origin: 50% 100%;
}

.emblem-box {
    border-radius: 50%;
    background: #fff;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.emblem {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    font-weight: 500;
    border-radius: 50%;
    color: #fff;
    animation: 20s linear infinite spinZ;
    text-align: center;
}

.emblem span {
    position: absolute;
    display: inline-block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-transform: uppercase;
    font-size: 16px;
    transition: .5s cubic-bezier(0, 0, 0, 1);
    padding: 0 3px;
}

.portfolio__single-desc p,
.portfolio__single-title h4 {
    transition: opacity .5s 350ms, visibility .5s 350ms, transform .5s 350ms;
    margin-bottom: 0;
}

@keyframes spinZ {
    100% {
        transform: rotateZ(0)
    }

    0% {
        transform: rotateZ(360deg)
    }
}

.ml3 .letter {
    display: inline-block;
    line-height: 1em;
}

.believe-slider-wrap .item .cont {
    position: absolute;
    top: 80px;
    left: 0;
}

.believe-slider-wrap .item .cont .text {
    position: relative;
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 10px 30px;
    margin: -1px 0;
}

.believe-slider-wrap .swiper-pagination {
    position: absolute;
    top: 50%;
    right: -80px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100px;
    left: inherit;
    display: flex;
    flex-direction: column;
}

.believe-slider-wrap .swiper-pagination-bullet {
    position: relative;
    margin: 15px 0 !important;
}

.believe-slider-wrap .swiper-pagination-bullet:after {
    content: '';
    width: 7px;
    height: 7px;
    background: #000;
    border-radius: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
}

.believe-slider-wrap .swiper-pagination-bullet svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    filter: brightness(0) saturate(100%) invert(50%) sepia(78%) saturate(584%) hue-rotate(151deg) brightness(97%) contrast(91%);
    width: 30px !important;
    height: 30px !important;
}

.round-sv2,
.round-sv3 {
    z-index: 99;
    transform: rotate(-83deg);
    position: absolute;
}

.believe-slider-wrap .swiper-pagination-bullet svg .path {
    stroke-width: .5px;
}

.believe_cont {
    position: absolute;
    top: 100px;
    left: 0;
    z-index: 99;
}

.believe_cont h4 span {
    font-size: 30px;
    font-weight: 600;
    color: #000;
    width: fit-content;
    background: #fff;
    padding: 15px 30px;
    font-family: var(--ff-hadding);
    position: relative;
}

.believe_cont h4 span:last-child {
    border-radius: 0 20px 20px 0;
}

.believe_cont h4 {
    display: flex;
    flex-direction: column;
}

.believe-slider-wrap .item {
    margin-right: 70px;
    border-radius: 20px;
    padding-bottom: 10px;
}

.round-sv2 {
    left: -4px;
    top: -28px;
}

.round-sv {
    position: absolute;
    left: -2px;
    bottom: -13px;
    z-index: 99;
}

.round-sv svg {
    width: 22px;
    height: 21px;
}

.round-sv2 svg,
.round-sv3 svg {
    width: 30px;
    height: 30px;
}

.round-sv3 {
    right: -25px;
    bottom: -6px;
}

.services-wrap_box .swiper-button-next,
.services-wrap_box .swiper-button-prev {
    position: absolute;
    top: -110px;
    bottom: 0;
    margin: 0;
    font-size: 14px !important;
    background-color: #f9f9f9 !important;
    display: inline-flex;
    height: 30px;
    width: 30px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    box-shadow: 1px 1px 6px #9c9cd2;
    color: #000 !important;
}

.portfolio__single,
.portfolio__single .img-part {
    position: relative;
    display: block;
    border-radius: 10px;
}

.services-wrap_box .swiper-button-prev {
    left: inherit;
    right: 45px;
}

.portfolio__single {
    overflow: hidden;
}

.portfolio__single .img-part {
    height: 450px;
}

.portfolio__single .img-part::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(50%);
    opacity: 0;
    visibility: hidden;
    background-color: rgba(29, 29, 29, .5);
    z-index: 1;
    transition: .3s ease-in;
}

.portfolio__single:hover .img-part::after {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.portfolio__single .img-part img {
    width: 100%;
    object-fit: cover;
}

.portfolio__single-title h4 {
    font-size: 18px;
    color: #fff;
    line-height: 1.4;
    text-transform: capitalize;
    padding: 11.5px 17px 16.5px 20px;
    position: absolute;
    left: 0;
    bottom: 50px;
    background-color: #1d1d1d;
    z-index: 1;
    transform: translateX(200px);
    opacity: 0;
    visibility: hidden;
}

.portfolio__single-btn,
.portfolio__single-desc p {
    z-index: 11;
    visibility: hidden;
    position: absolute;
    opacity: 0;
}

.portfolio__single:hover .portfolio__single-title h4 {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}

.portfolio__single-desc p {
    font-size: 15px;
    color: var(--clr-theme-white);
    line-height: 1;
    padding: 11px 7px 10px 20px;
    left: 0;
    bottom: 107px;
    background-color: var(--clr-theme-color);
    transform: translateX(-100px);
}

.portfolio__single:hover .portfolio__single-desc p {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}

.portfolio__single-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    background-color: #fff;
    border-radius: 50%;
    top: 26%;
    left: 50%;
    transform: translate(-50%, 150px);
    transition: opacity .5s, visibility .5s, transform .5s;
}

.portfolio__single:hover .portfolio__single-btn {
    transform: translate(-50%, 0);
    opacity: 1;
    visibility: visible;
}

.portfolio__single .portfolio__single-btn img {
    height: 22px;
    transform: rotate(-45deg);
    transition: .3s ease-in-out;
}

.portfolio__single .portfolio__single-btn:hover img {
    transform: rotate(0);
    transition: .3s ease-in-out;
}

.z-padding {
    padding: 100px 0;
}

.loc-clients.z-padding {
    padding: 50px 0 !important;
}

body.page-template-template-locations .page-header.sticky .header__qc-icon span {
    background: var(--clr-theme-shade);
    color: #fff;
}

body.page-template-template-locations .page-header.sticky .header__qc-icon p {
    color: var(--ff-accent) !important;
}

.loc-client-carousel {
    padding-bottom: 25px;
}

.loc-client-carousel .swiper-scrollbar-drag {
    background: #fff !important;
}

.gb__content .custom-list ul li span img {
    width: 50px;
    height: 50px;
    filter: brightness(0) saturate(100%) invert(0%) sepia(83%) saturate(7500%) hue-rotate(61deg) brightness(84%) contrast(116%);
}

.common-story .brand-wrap>* {
    flex: 0 0 auto;
    width: 160px;
    padding: 0 10px;
}

.common-story .portfolio__single {
    height: 380px;
}

.common-story .portfolio__single-title h4 {
    bottom: 70px;
}

.common-story .portfolio__single-desc p {
    bottom: 25px;
}

.common-story .portfolio__sub [class^=col-]:nth-child(3n+2) {
    margin-top: 0;
}

.common-story .portfolio__sub [class^=col-] {
    margin-bottom: 25px;
}

.left-sidebar li a {
    box-shadow: rgba(30, 36, 50, .07) 0 5px 8px 0, rgba(30, 36, 50, .1) 0 0 1px 0;
    width: 100%;
    display: block;
    height: 60px;
    padding: 0 15px;
    line-height: 60px;
    border-radius: 10px;
}

.left-sidebar li {
    margin-bottom: 10px;
    width: 100%;
}

.left-sidebar li a.is-selected .cd-label {
    color: #fff;
    height: auto;
}

.left-sidebar li a.is-selected {
    background: var(--clr-theme-color);
    color: #fff;
}

.marketing_Services_page,
.productivework_sec,
.servicePart_topSec,
.servicesInner_cta,
.servicesInner_page,
.services_industries_sec {
    position: relative;
    width: 100%;
}

.servicePart-imgpart {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 100%;
}

.servicePart_img1 {
    width: 48%;
}

.servicePart_img2 {
    width: 48%;
    margin-top: -146px;
}

.servicePart-imgpart .round-text svg,
.strategies_imgpart .round-text svg {
    width: 70px;
    height: 70px;
}

.servicePart-imgpart .round-text {
    position: absolute;
    left: 39%;
    top: -104px;
    transform: translateX(-50%);
}

.innerCTApart .container,
.servicePart-imgpart .counter__item,
.strategies_imgpart .counter__item {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.servicePart-imgpart .counter__item h6,
.strategies_imgpartt .counter__item h6 {
    font-size: 16px;
    margin-bottom: 0;
    font-family: var(--ff-heading);
    font-weight: 700;
    color: var(--clr-theme-color);
}

.servicePart-imgpart::before {
    position: absolute;
    width: 50%;
    height: 94%;
    content: '';
    top: -73px;
    left: 25%;
    transform: translateX(-50%);
    background: 0 0;
    border: 2px solid #0084a0;
    transform: rotate(-27deg);
    z-index: -1;
}

.usp-2-section::after,
.usp-2-section::before {
    background-repeat: no-repeat;
    z-index: -1;
    width: 100%;
}

.servicesInner_icon {
    background: var(--clr-theme-bg);
    width: 150px;
    height: 150px;
    border-radius: 100%;
    margin: 0 auto;
}

.servicesInner_Box {
    width: 100%;
    padding: 40px 25px;
    position: relative;
    z-index: 2;
    border-radius: 10px;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    text-align: center;
    background-color: #fff;
    border: 1px solid #fff;
}

.item_bar,
.progress {
    height: 4px;
    border-radius: 4px;
}

.servicesInner_Box .servicesInner_icon span img {
    height: 45px;
    transition: .5s ease-in-out;
    object-fit: contain;
    filter: unset;
}

.servicesInner_Box:hover span img {
    filter: invert(41%) sepia(81%) saturate(3117%) hue-rotate(166deg) brightness(98%) contrast(101%);
    transition: .5s ease-in-out;
}

.servicesInner_icon span {
    width: 90px;
    height: 90px;
    border-radius: 100%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.km-footer-button,
.productivework_sec .contact-auhtor-box:hover .icons,
.servicesInner_wrap span,
.timeline-swiper-2 .swiper-slide-thumb-active .timeline-time-travel-text {
    background-image: linear-gradient(to right bottom, #12a9e1, #04a5d7, #00a1ce, #009cc4, #0098bb, #0395b6, #0591b1, #088eac, #068ba9, #0489a6, #0286a4, #0084a1);
}

.servicesInner_Cont {
    position: relative;
    text-align: center;
    margin-top: -30px;
}

.servicesInner_Cont p {
    font-size: 15px;
    line-height: 26px;
    color: var(--clr-theme-black);
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.servicesInner_Cont h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px;
    color: var(--clr-theme-black-300);
    min-height: 52px;
}

.innerCTApart h2,
.innerCTApart h5,
.servicesInner_wrap h2,
.servicesInner_wrap span {
    margin-bottom: 20px;
    color: #fff;
}

.servicesInner_Cont a.read_more {
    font-weight: 500;
    font-size: 15px;
    display: inline-flex;
    position: relative;
    padding-bottom: 0;
    margin-bottom: 0;
    text-transform: capitalize;
    color: #7e7e7e;
    align-items: center;
    gap: 9px;
}

.services_industries-cont {
    padding-left: 20px;
}

.services_industries-cont ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
}

.services_industries-cont ul li::before {
    position: absolute;
    left: 0;
    top: 5px;
    content: '';
    background: url(../images/list-check.svg) 0 0/100% no-repeat;
    width: 20px;
    height: 20px;
}

.servicesInner_wrap {
    position: absolute;
    width: 75%;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    padding: 75px 40px;
}

.servicesInner_wrap span {
    padding: 10px 20px;
    border-radius: 20px;
    font-size: 16px;
    display: inline-block;
}

.timeline-swiper-1 .swiper-slide-active .timeline-time h4,
.timeline-time h4 {
    background: var(--clr-theme-color);
    -webkit-text-stroke: 4px transparent;
    color: #fff;
}

.servicesInner_wrap h2 {
    font-size: 32px;
    font-weight: 500;
    font-family: var(--ff-heading);
}

.servicesInner_cta_right {
    margin-left: auto;
    width: fit-content;
}

.item_label,
.item_value {
    color: #000;
    font-size: 16px;
    font-weight: 400;
}

.item_value {
    float: right;
    top: 0;
}

.item_bar {
    position: relative;
    background: #d9d9d9;
    width: 100%;
    margin-top: 5px;
}

.progress {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    transition: width .1s;
    background: #13a9e1;
}

.testimonialsInner_Reviews_grid {
    position: relative;
    width: 100%;
    padding-left: 50px;
}

.testimonialsInner_Reviews_grid ul {
    column-count: 4;
    gap: 15px;
}

.testimonialsInner_Reviews_grid ul li {
    display: inline-block;
    margin-bottom: 15px;
}

.inner-our-work .about_list li {
    font-size: 15px;
    line-height: 28px;
    color: #1c1c1c;
    margin-bottom: 12px;
    padding-left: 35px;
    position: relative;
}

.marketing_Services_right {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: space-between;
}

.marketing_Services_right .marketing_img img {
    width: 100%;
    border-radius: 10px;
    height: 100%;
    object-fit: cover;
}

.marketing_Services_right .marketing_img:first-child {
    padding: 50px 0 0 30px;
}

.marketing_Services_right .marketing_img:nth-child(2) {
    padding-right: 30px;
    height: 200px;
}

.marketing_Services_right .marketing_img:last-child {
    height: 200px;
}

.servicesInner_list ul {
    position: relative;
    padding: 10px 0 20px;
}

.servicesInner_list ul li {
    margin-bottom: 10px;
}

.servicesInner_list ul li a {
    font-size: 15px;
    line-height: 28px;
    color: #1c1c1c;
}

.servicesInner_list ul li a:hover {
    color: #0084a0;
}

.digitalInner_sec {
    position: relative;
    width: 100%;
    background: #fafafa;
}

.digitalInner_left {
    width: 100%;
    position: relative;
    margin-top: -150px;
}

.digitalInner_left .digitalInner_img2 {
    width: 436px;
    border: 10px solid #fff;
    position: relative;
    margin-top: -93px;
    margin-left: 60px;
}

.innerCTApart {
    position: relative;
    width: 100%;
    background-size: cover !important;
    background: no-repeat;
}

.service-child h2 {
    text-transform: capitalize !important;
    font-size: 32px;
}

.innerCTApart h2 {
    font-size: 48px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: var(--ff-heading);
}

.innerCTApart h5 {
    font-size: 22px;
    font-weight: 400;
}

.strategies_imgpart .round-text {
    right: 0;
    bottom: 0;
    left: inherit;
    top: inherit;
    transform: inherit;
    z-index: 9;
}

.serviceInner_inner_imgpart img {
    margin: 0 auto;
    width: 100%;
}

.serviceInner_inner_imgpart {
    position: relative;
    text-align: center;
    width: 100%
}

.map-boxed iframe {
    width: 100%;
    height: 100%;
}

.productivework_sec .contact__form-wrap {
    width: 100%;
    border-radius: 10px;
    position: relative;
    height: 100%;
    margin-top: 0;
}

.productivework_sec .contact__form-main {
    padding: 0 30px 0 20px;
    width: 100%;
    border-radius: 10px;
    position: relative;
}

.productivework_sec .contact__form-split .row {
    align-items: center;
}

.inner__counter-section .counter-wrap .counter-single .count-number {
    font-size: 46px;
}

.faq-section__wrap.faq-inner .accordion-header .accordion-button {
    line-height: 30px;
    min-height: auto !important;
}

#droptrigger,
.faq-section__wrap.faq-inner .accordion-body {
    height: auto !important;
}

.business-home-slider .swiper-button-next:hover img,
.business-home-slider .swiper-button-prev:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7448%) hue-rotate(140deg) brightness(91%) contrast(116%);
}

.form-resume-wrap .codedropz-upload-inner h3 {
    font-size: 24px;
}

.service-inner-box .service-card_number {
    position: absolute;
    top: 25px;
    right: 25px;
    font-size: 60px;
}

.inner-banner+section {
    padding-top: 0;
}

.portfolio-slider {
    padding-bottom: 35px;
}

.contact__form-main .custom-loc-button {
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    height: 46px;
    padding: 5px 15px;
    font-size: 14px;
    color: #1c1c1c;
}

.contact__form-main .custom-loc-button p {
    color: #1c1c1c;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 400;
    opacity: .7;
}

.timeline-time h4 {
    background-clip: border-box;
    -webkit-background-clip: text;
    overflow: hidden;
    z-index: 2;
    font-size: 60px;
    font-weight: 900;
    line-height: 1em;
    display: inline;
}

.timeline-time-travel-text h4,
.timeline-time-travel-text h6 {
    color: #000;
    font-weight: 500;
    cursor: default;
    margin-bottom: 0;
    transition: .5s ease-in-out;
}

.timeline-section .timeline-swiper-1 .timeline-thumb-wrap {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
}

.timeline-swiper-1 {
    height: 80%;
    width: 100%;
    padding-bottom: 50px;
}

.timeline-thumb-wrap .timeline-image img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.timeline-time-travel-text h4 {
    font-size: 18px;
    font-family: var(--ff-heading);
}

.timeline-time-travel-text h6 {
    font-size: 14px;
    font-family: var(--ff-body);
    text-transform: uppercase;
}

.timeline-swiper-2 .swiper-slide-thumb-active .timeline-time-travel-text {
    transform: translateY(-20px);
    transition: .5s ease-in-out;
}

.km-footer-button .ico.two,
.km-footer-button:hover .ico {
    opacity: 1;
    transform: translate(-50%, -50%);
}

.timeline-swiper-1 .swiper-slide-active .timeline-time h4 {
    background-clip: border-box;
    -webkit-background-clip: text;
}

.timeline-section-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
}

.timeline-thumb-wrap {
    width: 100%;
    flex: 0 0 auto;
}

.km-footer {
    background-color: var(--clr-theme-black-300);
    background-image: url('https://www.kreativemachinez.com/wp-content/uploads/2024/10/footer-bg-1.png');
    background-position: 50%;
    background-size: cover;
    z-index: 99;
    position: relative;
}

.km-footer .footer-logo-image img {
    height: 75px;
}

.km-footer-arrow .arrow-icon-left img {
    rotate: -314deg;
    opacity: .2;
    height: auto;
    width: 100%;
}

.km-footer-arrow .arrow-icon-left {
    margin-left: -90px;
}

.km-footer-left-side-details {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    padding: 0 0 0 120px;
    position: relative;
    overflow: hidden;
    margin-top: 50px;
    flex-direction: column;
}

.km-footer-left-side-details::before {
    position: absolute;
    content: "\f061";
    font-family: Fontawesome;
    color: transparent;
    -webkit-text-stroke: 2px #ffffff3d;
    font-size: 360px;
    transform: rotate(-45deg);
    left: -50%;
    top: -65%;
}

.km-footer-content li+li {
    padding-top: 25px;
    margin-top: 25px;
}

.km-footer-left-phone a {
    color: #fff;
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 25px;
    display: inline-block;
    padding-bottom: 25px;
    padding-top: 13px;
}

.km-footer-col .content h5::before {
    position: absolute;
    content: '';
    width: 18px;
    height: 3px;
    background-color: #fff;
    bottom: 14px;
    left: 18px;
    border-radius: 40px;
}

.km-footer-col .content h5::after {
    position: absolute;
    content: '';
    width: 22px;
    height: 3px;
    background-color: #0099be;
    bottom: 14px;
    left: 0;
    border-radius: 40px;
}

.km-footer-col .content h5 {
    font-size: 18px;
    line-height: 32px;
    font-weight: 600;
    position: relative;
    display: inline-block;
    padding-left: 44px;
    color: #fff;
}

.km-footer-col ul li a:hover::before {
    transform: translate(0, -50%);
    transition: transform .5s ease-in-out;
}

.km-footer-col ul li a::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f013";
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translate(-20px, -50%);
    transition: transform .5s ease-in-out;
    font-size: 13px;
    color: #98e1ff;
}

.km-footer-col ul li a:hover {
    padding-left: 20px;
    color: rgba(238, 250, 255, .76);
}

.km-footer-col ul li a {
    font-size: 14px;
    font-family: var(--ff-secondary);
    color: rgba(238, 250, 255, .76);
    line-height: 35px;
    overflow: hidden;
    transition: padding .5s ease-in-out;
    position: relative;
}

.km-footer-top-right {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    border-left: 1px solid #ffffff30;
    padding-top: 40px;
    padding-left: 40px;
    height: 100%;
}

.custom-loc-button .caret {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 25px;
    z-index: 9;
}

.km-footer-bottom {
    border-top: 1px solid #ffffff30;
    padding: 20px 0;
    position: relative;
}

.km-footer-button {
    position: absolute;
    text-align: center;
    border-radius: 50px;
    border: 1px solid var(--clr-theme-color);
    z-index: 151;
    overflow: hidden;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    top: -30px;
    height: 50px;
    cursor: pointer;
}

.km-footer-button .ico.two {
    transition: .85s cubic-bezier(.3, .1, .3, 1);
}

.km-footer-button .ico {
    color: #fff;
    display: inline-block;
    transition: .75s cubic-bezier(.3, .1, .3, 1);
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translate(-50%, 150%);
    font-size: 17px;
}

.km-footer-button:hover .ico.two {
    opacity: 0;
    transform: translate(-50%, -100%);
}

.km-footer-certificate {
    display: flex;
    justify-content: center;
    gap: 5px;
}

.km-footer-col .content p {
    font-size: 14px;
    line-height: 22px;
    color: rgba(238, 250, 255, .76);
    font-weight: 400;
}

.km-footer-form .form-control::placeholder {
    color: rgba(238, 250, 255, .76);
    font-size: 12px;
    font-family: var(--ff-body);
}

.km-footer-socials li a:hover {
    padding-left: 0 !important;
}

.km-footer-socials {
    display: flex;
    gap: 12px;
    margin-top: 16px;
    margin-left: 0;
    justify-content: start;
    width: 100%;
    position: relative;
    z-index: 99;
}
.km-footer-social a{cursor: pointer;}
.km-footer-form .form-control {
    background-color: transparent;
    border-radius: 50px;
}

.input-group-addon {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #2cb2e4;
    padding: 0 16px;
    height: 100%;
    border-radius: 0 40px 40px 8px;
}

.input-group-addon:hover {
    background-color: transparent;
    transition: .3s ease-in-out;
}

.input-group-icon i {
    color: #ffffffa1;
    transition: .3s ease-in-out;
}

.input-group-addon:hover .input-group-icon i {
    color: #fafdff;
    transition: .3s ease-in-out;
}

.km-footer-content li h5 {
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 10px;
    letter-spacing: .5px;
    color: #2cb2e4;
}

.km-footer-content li a {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
}

.km-footer-content li p {
    font-size: 16px;
    display: inline-block;
    line-height: 26px;
    color: #ffffffbd;
}

.km-footer-content li+li::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #ffffff30;
    top: 0;
    right: 0;
}

.km-footer-bottom-wrap h6 {
    margin: 0;
    font-weight: 400 !important;
    font-size: 14px;
    color: #fff;
}

.km-footer-left {
    padding: 40px 0 20px;
}

.contact-info-area {
    background-color: var(--clr-theme-black-300);
    background-image: url('https://www.kreativemachinez.com/wp-content/uploads/2024/10/footer-bg.png');
    padding: 20px 40px;
    position: relative;
    border-radius: 5px;
}

.productivework_sec .contact-info-area h3 {
    font-family: var(--ff-heading);
    font-weight: 600;
    font-size: 24px;
    color: #fff;
}

.productivework_sec .contact-info-area p {
    font-family: var(--ff-body);
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    color: #fff;
    padding-bottom: 23px;
    border-bottom: 1px solid #222326;
    margin-bottom: 22px;
}

.productivework_sec .contact-auhtor-box .content h4 {
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    font-family: var(--ff-heading);
    color: #fff;
}

.productivework_sec .contact-auhtor-box .content a {
    font-family: var(--ff-body);
    font-size: 15px;
    line-height: 26px;
    font-weight: 300;
    color: #fff;
}

.productivework_sec .contact-auhtor-box .icons {
    height: 50px;
    width: 50px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    background: #222326;
    line-height: 54px;
    margin: 0 24px 0 0;
    transition: .5s ease-in-out;
    color: #fff;
    font-size: 24px;
}

.productivework_sec .contact-auhtor-box {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    transition: .5s ease-in-out;
}

.usp-2__single .icon,
.usp-2__single:hover .icon {
    transition: .8s ease-in-out;
}

.productivework_sec .contact-auhtor-box .content {
    width: 73%;
}

.portfolio-section::before {
    position: fixed;
    background-image: url("https://www.kreativemachinez.com/wp-content/uploads/2024/10/header-bg1.jpg");
    content: '';
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    opacity: .2;
}

.timeline-thumb-wrap p {
    line-height: 24px;
    margin: 16px 0 0;
}

.usp-2__single {
    display: flex;
    align-items: baseline;
    gap: 20px;
    width: 70%;
}

.usp-2-single-wrap-frist .usp-2__single:first-child {
    transform: translate(8%);
    position: relative;
}

.usp-2-single-wrap-frist .usp-2__single:first-child::before {
    position: absolute;
    content: "";
    top: 49%;
    left: -46px;
    background-color: #d1d1d1;
    width: 110px;
    height: 1px;
}

.usp-2-single-wrap-frist .usp-2__single:first-child::after,
.usp-2-single-wrap-frist .usp-2__single:nth-child(2)::before {
    position: absolute;
    content: "";
    top: 49%;
    left: -47px;
    background-color: #d1d1d1;
    width: 1px;
    height: 84px;
}

.usp-2-single-wrap-frist .usp-2__single:nth-child(2) {
    transform: translate(-43%);
    position: relative;
}

.usp-2-single-wrap-2nd .usp-2__single:first-child::before,
.usp-2-single-wrap-frist .usp-2__single:nth-child(2)::after {
    width: 117px;
    height: 1px;
    top: 49%;
    left: -47px;
    background-color: #d1d1d1;
    content: "";
    position: absolute;
}

.usp-2-single-wrap-frist .usp-2__single:nth-child(3) {
    transform: translate(-107%);
    position: relative;
}

.case_study .heading h2 {
    text-align: center;
    font-family: var(--ff-heading);
    padding-bottom: 14px;
}

.case_study .heading h3 {
    font-family: var(--ff-heading);
    font-size: 25px;
    line-height: 38px;
}

.case_study .heading p {
    font-family: var(--ff-body);
    font-weight: 400;
    color: var(--clr-theme-black);
    line-height: 28px;
    font-size: 16px;
}

.case_study .heading li {
    font-size: 16px;
    font-family: var(--ff-body);
    line-height: 30px;
    font-weight: 400;
}

.case_study .heading ul {
    padding-bottom: 18px;
}

.usp-2-single-wrap-2nd .usp-2__single:first-child {
    transform: translate(-34%);
    position: relative
}

.usp-2-single-wrap-2nd .usp-2__single:first-child::after {
    position: absolute;
    content: "";
    top: 49%;
    left: -47px;
    background-color: #d1d1d1;
    width: 1px;
    height: 84px;
}

.usp-2-single-wrap-2nd .usp-2__single:nth-child(2) {
    transform: translate(-83%);
}

.usp-2__single .icon img {
    height: 50px;
    width: 50px;
}

.usp-2__single:hover .icon {
    transform: rotateY(180deg);
}

.usp-2-left .custom-heading h2,
.usp-2__single .usp-2-single-content {
    color: #fff;
}

.usp-2-single-content h4 {
    color: #4bceff;
}

.usp-2__single-number h6 {
    font-size: 24px;
    font-weight: 600;
    color: #6f6f6f;
    transition: .3s ease-in-out;
}

.usp-2__single:hover .usp-2__single-number h6 {
    color: #fff;
    transition: .3s ease-in-out;
}

.usp-2-section::after {
    background-image: url('https://www.kreativemachinez.com/wp-content/uploads/2024/10/background-img4-1.png');
    position: absolute;
    content: "";
    height: 60%;
    opacity: 1;
    background-size: cover;
    background-position: top;
    top: 44%;
    left: 0;
    opacity: .2;
    transform: rotate(17deg);
}

.usp-2-section::before {
    background-image: url('https://www.kreativemachinez.com/wp-content/uploads/2024/10/map-white2-1.png');
    top: -15%;
    position: absolute;
    content: "";
    height: 100%;
    background-position: center;
    background-size: auto;
    opacity: .4;
}

.usp-2-single-wrap-2nd {
    transform: translate(70%, -89%);
    position: absolute;
}

.certificate-link:hover .certificate-item span {
    opacity: 1;
    left: 0;
}

.innerCTApart .innerctapart-bg img {
    width: 100%;
    min-height: 450px;
}

body #chat-bot-message-container.chat-bot-message-center {
    top: 0 !important;
}

body #chat-bot-launcher-container.chat-bot-launcher-center {
    bottom: 55px !important;
    right: 25px !important;
}

.floating_btn {
    position: fixed;
    bottom: 120px;
    right: 6px;
    width: 100px;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 100;
}

@keyframes pulsing {
    to {
        box-shadow: 0 0 0 30px rgba(232, 76, 61, 0)
    }
}

.contact_icon {
    background-color: #42db87;
    color: #fff;
    width: 60px;
    height: 60px;
    font-size: 30px;
    border-radius: 50px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translatey(0);
    animation: 1.25s cubic-bezier(.66, 0, 0, 1) infinite pulsing;
    box-shadow: 0 0 0 0 #42db87;
    -webkit-animation: 1.25s cubic-bezier(.66, 0, 0, 1) infinite pulsing;
    -moz-animation: 1.25s cubic-bezier(.66, 0, 0, 1) infinite pulsing;
    -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    font-weight: 400;
    font-family: sans-serif;
    text-decoration: none !important;
    transition: .3s ease-in-out;
}

.form-group textarea {
    background-color: transparent;
    border: 1px dashed #0660735e;
    height: 90px;
    font-size: 15px;
    width: 100%;
}

body .header-modal .row>* {
    margin-top: 10px;
}

#selectedFilters li button.remove-filter {
    background: 0 0;
    border: none;
    outline: 0;
    margin-left: 10px;
    font-size: 10px;
}

#selectedFilters {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

#selectedFilters li {
    border: 1px solid #f0f0f0;
    border-radius: 3px;
    padding: 3px 5px;
    font-size: 12px;
    line-height: 16px;
    background: #f8f8f8;
}

.custom-loc-button#droptrigger .caret {
    top: 8px !important;
    transform: none !important;
}

.contact__form-main .custom-loc-button p {
    margin-bottom: 3px;
}

.custom-list p a {
    color: var(--clr-theme-color);
}

.custom-list ul li a {
    color: var(--clr-theme-color);
}

p a {
    color: var(--clr-theme-color);
}

.form-group .wpcf7-not-valid-tip {
    font-size: 13px;
}

.header-modal .form-label {
    background-color: #fff;
    line-height: 15px;
    top: -7px;
}

.km-footer-certificate li {
    border-radius: 100%;
    overflow: hidden;
}

.adds_banner {
    position: relative;
}

.adds_banner .location-inner-banner::before {
    display: none;
}


.km_adds-form {
    position: relative;
    padding: 30px 20px;
    background: url(../images/adds-form_bg.png) no-repeat 0 0;
    border-radius: 5px;
    background-size: cover;
}

.km_adds-form h3 {
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    line-height: 34px;
    margin-bottom: 15px;
    text-align: center;
    text-transform: capitalize;
    font-family: var(--ff-heading);
}

.km_adds-form .form-group {
    margin-bottom: 10px;
}

.km_adds-form select option {
    color: #000;
}

.km_adds-form .form-control::placeholder {
    color: #fff;
    opacity: 1;
}

.km_adds-form .form-control,
.km_adds-form select {
    border: 1px solid #fff;
    border-radius: 5px;
    height: 40px;
    padding: 8px 15px;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    width: 100%;
    outline: none;
    background: none;

}

.km_adds-form textarea.form-control {
    height: 70px;
    resize: none;
}

.km_about-right {
    position: relative;
    width: 100%;
    margin-left: 30px;
    padding: 0 20px 20px 0;
}

.km_about-right img {
    width: 100%;
    border-radius: 10px;
}

.km_about-right::before {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 95%;
    height: 95%;
    background: rgba(2, 150, 184, 1);
    border-radius: 20px;
    content: '';
    z-index: -1;
}

.km_specialties-sec {
    background-color: var(--clr-theme-black-300);
    background-image: url('https://www.kreativemachinez.com/wp-content/uploads/2024/10/footer-bg.png');
    background-position: 50%;
    background-size: cover;
    z-index: 9;
    position: relative;
    overflow: hidden;
}

.km_specialties-sec::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 80%;
    z-index: -1;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right top;
    opacity: 1;
    background-image: url('https://www.kreativemachinez.com/wp-content/uploads/2024/10/usp-bg-pattern.png');
}

.km_specialties-sec h2 {
    color: #fff;
}

.km_specialties-sec .usp-2__single {
    width: 100%;
    gap: 15px;
    align-items: start;
    margin-bottom: 25px;
}

.km_solution-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 10px;
    height: 100%;
}

.km_solution-grid {
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
    border-radius: 10px;
}

.km_solution-grid img {
    width: 100%;
    border-radius: 10px;
    height: 100%;
    object-fit: cover;
}

.km_solution-grid-0 {
    grid-row-start: 3;
    grid-column-start: 1;

    grid-row-end: 4;
    grid-column-end: 2;
    height: 200px;
}

.km_solution-grid-1 {
    grid-row-start: 1;
    grid-column-start: 1;

    grid-row-end: 3;
    grid-column-end: 2;
    height: 300px;
}

.km_solution-grid-2 {
    grid-row-start: 1;
    grid-column-start: 2;

    grid-row-end: 2;
    grid-column-end: 3;
    height: 200px;

}

.km_solution-grid-3 {
    grid-row-start: 1;
    grid-column-start: 3;

    grid-row-end: 2;
    grid-column-end: 4;
    height: 200px;
}

.km_solution-grid-4 {
    grid-row-start: 1;
    grid-column-start: 4;

    grid-row-end: 3;
    grid-column-end: 5;
    height: 300px;
}

.km_solution-grid-5 {
    grid-row-start: 2;
    grid-column-start: 2;

    grid-row-end: 4;
    grid-column-end: 4;
    height: 300px;
}

.km_solution-grid-6 {
    grid-row-start: 3;
    grid-column-start: 4;

    grid-row-end: 5;
    grid-column-end: 5;
}

.km_solution-grid-7 {
    grid-row-start: 4;
    grid-column-start: 1;

    grid-row-end: 5;
    grid-column-end: 2
}

.km_solution-grid-8 {
    grid-row-start: 4;
    grid-column-start: 2;

    grid-row-end: 5;
    grid-column-end: 3;
}

.km_solution-grid-9 {
    grid-row-start: 4;
    grid-column-start: 3;

    grid-row-end: 5;
    grid-column-end: 4;
}


.km_solution-grid h4 {
    font-size: 20px;
    color: #fff;
    line-height: 28px;
    padding: 12px;
    display: flex;
    justify-content: space-between;
    background: rgba(0, 0, 0, 0.53);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-radius: 10px;
    margin: 0;
}

.location-inner-banner.adds_banner::before {
    display: none;
}

.km_client-imgbox {
    position: relative;
    width: 100%;
    background: rgba(0, 0, 0, 0.05);

    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.km_client-imgbox img {
    height: 135px;
    object-fit: cover;
}

.km_client-sec .swiper--top {
    margin-left: 100px;
}

.km_client-sec .swiper--bottom {
    margin-right: 100px;
}

.km_project-sec {
    background-color: var(--clr-theme-black-300);
    background-image: url('https://www.kreativemachinez.com/wp-content/uploads/2024/10/footer-bg.png');
    background-position: 50%;
    background-size: cover;
    z-index: 9;
    position: relative;
    overflow: hidden;

}

.km_project-sec::before {
    background-image: url('https://www.kreativemachinez.com/wp-content/uploads/2024/10/map-white2-1.png');
    top: -15%;
    position: absolute;
    content: "";
    height: 100%;
    background-position: center;
    background-size: auto;
    opacity: .4;
    width: 50%;
    left: 50%;
    transform: translateX(-50%);

}

.km_project-sec::after {
    background-image: url('https://www.kreativemachinez.com/wp-content/uploads/2024/10/background-img4-1.png');
    position: absolute;
    content: "";
    height: 60%;
    opacity: 1;
    background-size: cover;
    background-position: top;
    top: 44%;
    left: 0;
    opacity: .2;
    transform: rotate(17deg);
    width: 100%;
}

.km_project-left {
    position: relative;
    z-index: 9;
}

.km_project-form {
    position: relative;
    width: 100%;
    padding: 25px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    z-index: 9;
}

.km_project-left h3 {
    font-weight: 700;
    text-transform: capitalize;
    font-family: var(--ff-heading);
    font-size: 60px;
    color: rgba(2, 150, 184, 1);
    margin-bottom: 20px;
}

.km_project-left p {
    color: #fff;
}

.km_project-form select option {
    color: #000;
}

.km_project-form .form-control::placeholder {
    color: #fff;
    opacity: 1;
}

.km_project-form .form-control,
.km_project-form select {
    border: none;
    border-bottom: 1px solid #fff;
    border-radius: 0px;
    height: 45px;
    padding: 10px;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    width: 100%;
    outline: none;
    background: none;
    margin-bottom: 10px;
}

.km_project-form textarea.form-control {
    height: 100px;
    resize: none;
    margin-bottom: 20px;
}


.km_advertising-cont {
    position: relative;
}

.km_advertising-cont li {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.km_advertising-cont li .icon {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: rgba(242, 244, 255, 1);
    display: flex;
    align-items: center;
    justify-content: center;

}

.km_advertising-cont li .text {
    position: relative;
    flex: 1 0 auto;
    width: 81%;
    padding-left: 10px;
}

.km_advertising-cont li .text h6 {
    font-size: 20px;
    color: var(--clr-theme-black);
    font-weight: 600;
    transition: .3s;
    margin-bottom: 8px;
}

.km_advertising-img {
    padding: 20px;
    width: 100%;
}

.km_advertising-img img {
    width: 100%;
}


.km_faq-wrap .accordion-item {
    border: none !important;

}

.km_faq-wrap .accordion-item:not(:has(.collapsed)) {
    border-color: var(--clr-theme-color)
}

.km_faq-wrap .accordion-item+.accordion-item {
    margin-top: 10px
}

.km_faq-wrap .accordion-header .accordion-button {
    font-size: 18px;
    padding: 15px 40px 15px 15px;
    line-height: 30px;
    background: rgba(2, 150, 184, 1);
    color: #fff;

}

.km_faq-wrap .accordion-button:not(.collapsed) {
    background: rgba(75, 206, 255, 1);

}

.km_faq-wrap .accordion-body {
    padding: 5px 15px 15px !important;
    height: auto;

}

.km_faq-wrap .accordion-body p {
    list-style: 22px;
    color: rgba(165, 164, 164, 1);

}

.km_faq-wrap .accordion-body ol {
    padding-left: 20px;
}

.km_faq-wrap .accordion-body li {
    margin-bottom: 8px;
    color: rgba(165, 164, 164, 1);
}

.km_faq-wrap .accordion-header .accordion-button::after {
    display: none;
}

.km_faq-wrap .accordion-header .accordion-button.collapsed::before {
    content: "\2b";

}

.km_faq-wrap .accordion-header .accordion-button::before {
    transition: .5s ease-in-out;
    content: "\f068";
    justify-content: center;
    align-items: center;
    transition: .5s ease-in-out;
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    transform: translateY(-50%);
    font-size: 18px;
    color: #fff;
    right: 17px;
    padding: 6px;
    background-image: none;
    top: 50%;
    position: absolute;
    display: inline-flex
}

.km_adds-form #droptrigger {
    height: 40px;
    border: 1px solid #fff;
    margin-bottom: 10px;
    padding: 7px 10px;
    color: #fff;
    border-radius: 5px;
    position: relative;
}

.km_adds-form #droptrigger .caret {
    position: absolute;
    right: 5px;
    top: 8px;
    height: auto;
}

.km_adds-form .wpcf7 form.invalid .wpcf7-response-output {
    border-color: #fff !important;
    border-width: 1px !important;
    font-size: 14px !important;
    margin: 0 !important;
    color: #fff !important;
}

.km_adds-form #droptrigger p {
    margin: 0;
    line-height: 24px
}

.km_adds-form #droptrigger #selectedFilters li {
    color: #000;
}

.km_specialties-sec .custom-button {
    height: 45px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
}

.km_project-form #droptriggers {
    border-bottom: 1px solid #fff;
    margin-bottom: 10px;
    padding: 7px 10px;
    color: #fff;
    position: relative;
}

.km_project-form #droptriggers .caret {
    position: absolute;
    right: 5px;
    top: 8px;
    height: auto;
}

.km_project-form .wpcf7 form.invalid .wpcf7-response-output {
    border-color: #fff !important;
    border-width: 1px !important;
    font-size: 14px !important;
    margin: 0 !important;
    color: #fff !important;
}

.km_project-form #droptriggers p {
    margin: 0;
    line-height: 24px
}

.km_project-form #droptriggers #selectedFilters li {
    color: #000;
}

.km_project-form .dropcontents.show .close-contents {
    color: #fff;
    font-size: 20px;
    width: 30px;
    height: 30px;
    padding: 0;
    border-radius: 2px;
    background-image: none;
    background-color: #ff5050;
    display: flex;
    align-content: center;
    justify-content: center;
    position: absolute;
    top: -15px;
    right: -15px;
}


.km_project-form .dropcontents .form-group .wpcf7-list-item-label {
    font-size: 11px;
    width: 100%
}

.km_project-form .dropcontents label,
.km_project-form .dropcontents.show label {
    display: block !important;
    height: 100%
}

.km_project-form .dropcontents.show label input[type=checkbox]+* {
    color: #000;
    border: 1px solid #000;
    margin: 0;
    padding: 4px 0
}

.km_project-form .dropcontents.show label input[type=checkbox]:checked+* {
    color: #fff !important;
    border: 1px solid #fff !important;
    background: 0 0;
    background-color: var(--clr-theme-shade)
}

.km_project-form #selectedFilter {
    display: flex;
    gap: 5px;
    flex-wrap: wrap
}

.km_project-form #selectedFilter li {
    border: 1px solid #f0f0f0;
    border-radius: 3px;
    padding: 3px 5px;
    font-size: 12px;
    line-height: 16px;
    background: #f8f8f8;
    color: #000;
}

.km_project-form #selectedFilter li button.remove-filter {
    background: 0 0;
    border: none;
    outline: 0;
    margin-left: 10px;
    font-size: 10px
}

.km_addresult {
    position: relative;
    width: 100%;
    background-color: var(--clr-theme-bg) !important;
}

.km_addresult-img {
    position: relative;
    width: 100%;
}

.km_addresult-img img {
    width: 100%;
}

.km_addresult-cont {
    position: relative;
    width: 100%;
    padding-left: 60px;
}

.km_addresult-cont ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
    justify-content: space-between;
}

.km_addresult-cont ul li {
    width: 48%;
    background: url(../images/addresult-bg.png) no-repeat 0 0;
    height: 100%;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    flex-direction: column;
}

.km_addresult-cont ul li h6 {
    color: rgba(2, 150, 184, 1);
    font-weight: 600;
    font-size: 32px;
}

.km_addresult-cont ul li p {
    color: #fff;
    margin-bottom: 0;
}


.km_markating {
    position: relative;
    width: 100%;
}

.km_markating-count {
    position: relative;
    width: 100%;
    text-align: center;
    margin-top: 15px;
}

.km_markating-count h4 {
    font-size: 40px;
    line-height: 46px;
    color: rgba(2, 150, 184, 1);
    margin-bottom: 10px;
}

.km_markating-count p {
    margin-bottom: 0;
    font-size: 20px;
    color: var(--bs-body-color);
}

.km_markating-wrap {
    position: relative;
    width: 100%;
}

.km_markating-wrap ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
    width: 100%;
    justify-content: space-between;
}

.km_markating-wrap ul li {
    padding: 15px;
    width: 24%;
    box-shadow: 0 0px 5px -1px;
    display: flex;
    align-items: center;
    border-radius: 5px;
    font-size: 20px;

}

.km_markating-wrap ul li span {
    width: 12%;
    padding-right: 12px;
    border-right: 1px solid var(--clr-theme-color);
    margin-right: 12px;
    color: var(--clr-theme-color);
}

.km_project-left ul {
    display: flex;
    gap: 10px;
    margin-top: 25px;
}

.km_project-left ul li {
    background: rgba(0, 0, 0, 0.3);
    padding: 15px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32.7%;
}

.km_project-left ul li img {
    max-width: 100%;
}

.extra-header-class .navbar-header {
    display: none !important;
}
.highlight_text{
	padding: 5px 10px;
	border-radius: 5px;
    background-color: var(--clr-theme-shade);
    -webkit-animation: blink 1s infinite;
            animation: blink 1s infinite;
    max-width: max-content;
	color: #FFFFFF;
}
@-webkit-keyframes blink { 50% { background-color: red; }}
        @keyframes blink { 50% { background-color: red; }}
.book_newsletter_form form{
	display: flex;
	padding: 15px;
    background: linear-gradient(to right bottom, #12a9e1, #04a5d7, #00a1ce, #009cc4, #0098bb, #0395b6, #0591b1, #088eac, #068ba9, #0489a6, #0286a4, #0084a1);
    border-radius: 10px;
}
.book_newsletter_form .form_field_wrap p,
.book_newsletter_form .field_button_wrap p{
	margin-bottom: 0;
}
.book_newsletter_form .wpcf7-spinner{
	position: absolute;
}
.book_newsletter_form .form_field_wrap input[type=email]{
	padding: 10.5px;
	border: none;
    border-radius: 10px 0 0 10px;
}

.book_newsletter_form .field_button_wrap input[type=submit] {
    background: #FFF;
    color: #058aa8;
    border: none;
    outline: none;
    border-radius: 0 10px 10px 0;
    font-size: 14px !important;
    height: 45px !important;
}
.book_newsletter_form .wpcf7-response-output{
	display: none;
}
.km-footer-left-side-details .km-footer-content{margin-bottom: 20px; width: 100%;}
.km-footer-left-side-details h5{color: #2cb2e4;; text-align: left;font-size: 13px;text-transform: uppercase; font-weight: 600;}
.km-footer-left-side-details p{color: rgba(238,250,255,.76); text-align: left; font-size: 14px; line-height: 22px;}
.km-footer-left-side-details .title{width: 100%; text-align: left;}

.km-footer-col .content .km-footer-content p{color: rgba(238,250,255,.76); margin-bottom: 0;}
.km-footer-col .content .km-footer-content li h6 {
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 10px;
    letter-spacing: .5px;
    color: #2cb2e4;
  }
  .km-footer-col .content .km-footer-content li + li{position: relative; border-top: 1px solid #ffffff30;;}
.contact-right__wrap{text-align: center;}
  
  .video-wrapper {
    position: relative;
    width: 100%;
    max-height: 100vh;
    overflow: hidden;
  }

  #heroVideo {
    width: 100%;
    height: auto;
    display: block;
  }

  #unmuteBtn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    border: none;
    cursor: pointer;
    z-index: 2;
    display: none; /* show later */
  }

  #unmuteLabel {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background: rgba(0,0,0,0.6);
    color: #fff;
    padding: 8px 12px;
    border-radius: 20px;
    font-size: 14px;
    z-index: 3;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.4s ease;
  }

  .show-unmute {
    display: block !important;
  }

  .show-label {
    opacity: 1 !important;
  }
.km__brand-tab-wrapper li button {
  font-size: 15px !important;
  line-height: 25px !important;
  color: #838588 !important;
  border: 1px solid #ccc !important;
  border-radius: 25px !important;
  padding: 7px 35px !important;
  background-color: transparent !important;
  text-transform: uppercase !important;
}
.km__brand-tab-wrapper li .nav-link.active {
  background-color: var(--clr-theme-shade) !important;
  color: #fff !important;
  border-color: transparent !important;
}
.brand-section {
  position: relative;
}
.brnd__bottom-img img {
  position: absolute;
  bottom: 8%;
  left: 50%;
  transform: translateX(-50%);
  object-fit: contain;
}
.brnd__bottom-img{
   margin-top: 70px;
   width: 100%;
   border: 1px solid rgba(204, 204, 204, 0.38)
}