/*
 Theme Name:   Hello Elementor Child
 Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
 Description:  Hello Elementor Child Theme
 Author:       Your Name
 Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  hello-elementor-child
*/

span.text-blue {
    color: #00ADEF;
    font-weight: normal;
    position: relative;
}

.paragraph-text-blue {
    color: #00ADEF;
}

span.top-text {
    font-size: 24px;
}

.list-text-blue {
    color: #00ADEF;
}

a.link-blue {
    color: #3ab8f7;
    text-decoration: underline;
}

.our-leadership-heading {
    position: relative;
}

.our-leader-ship-container {
    position: relative;
    overflow: hidden;
}

.our-leadership-bottom-container {
    position: absolute;
    overflow: hidden;
    right: -5%;
    top: 40%;
}

.our-leadership-top-image,
.our-leadership-bottom-image {
    position: relative;
}

.our-leadership-top-image::before {
    content: "";
    position: absolute;
    width: 80%;
    height: 2px;
    background: linear-gradient(90deg, #00a8ff 0%, rgba(0, 168, 255, 0.8) 30%, rgba(0, 168, 255, 0.5) 60%, rgba(0, 168, 255, 0.2) 85%, transparent 100%);
    box-shadow: 0 0 10px rgba(0, 168, 255, 0.8), 0 0 20px rgba(0, 168, 255, 0.5), 0 0 30px rgba(0, 168, 255, 0.3);
    transform: rotate(131deg);
    bottom: 0;
    right: 0;
    top: 45%;
    left: 36%;
}

.our-leadership-bottom-image::before {
    content: "";
    position: absolute;
    width: 80%;
    height: 2px;
    background: linear-gradient(90deg, #00a8ff 0%, rgba(0, 168, 255, 0.8) 30%, rgba(0, 168, 255, 0.5) 60%, rgba(0, 168, 255, 0.2) 85%, transparent 100%);
    box-shadow: 0 0 10px rgba(0, 168, 255, 0.8), 0 0 20px rgba(0, 168, 255, 0.5), 0 0 30px rgba(0, 168, 255, 0.3);
    transform: rotate(131deg);
    bottom: 0;
    right: 0;
    top: 45%;
    left: -12%;
}

/* Hud line style Start */
.hud-line {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 15%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    gap: 0;
}

.our-core-studios-container .hud-line {
    left: 0;
    width: 100%;
}

.our-core-studios-container .hud-dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: radial-gradient(circle, #00d4ff 0%, #00a8ff 50%, rgba(0, 168, 255, 0.5) 100%);
    box-shadow: 0 0 10px rgba(0, 168, 255, 1), 0 0 20px rgba(0, 168, 255, 0.8), 0 0 30px rgba(0, 168, 255, 0.6), inset 0 0 8px rgba(255, 255, 255, 0.8);
    position: relative;
    z-index: 2;
    left: 100%;
}

.hud-dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: radial-gradient(circle, #00d4ff 0%, #00a8ff 50%, rgba(0, 168, 255, 0.5) 100%);
    box-shadow: 0 0 10px rgba(0, 168, 255, 1), 0 0 20px rgba(0, 168, 255, 0.8), 0 0 30px rgba(0, 168, 255, 0.6), inset 0 0 8px rgba(255, 255, 255, 0.8);
    position: relative;
    z-index: 2;
}

.our-core-studios-container .hud-line-bar {
    width: 100%;
    height: 2px;
    background: linear-gradient(-90deg, #00a8ff 0%, rgba(0, 168, 255, 0.8) 30%, rgba(0, 168, 255, 0.5) 60%, rgba(0, 168, 255, 0.2) 85%, transparent 100%);
    box-shadow: 0 0 10px rgba(0, 168, 255, 0.8), 0 0 20px rgba(0, 168, 255, 0.5), 0 0 30px rgba(0, 168, 255, 0.3);
    position: relative;
}

.our-core-competences-container .hud-line {
    left: 0;
}

.our-core-competences-container .hud-line-bar {
    width: 100%;
    background: radial-gradient(circle, #00d4ff 0%, #00a8ff 50%, rgba(0, 168, 255, 0.5) 100%);
}

.hud-line-bar {
    width: 220px;
    height: 2px;
    background: linear-gradient(90deg, #00a8ff 0%, rgba(0, 168, 255, 0.8) 30%, rgba(0, 168, 255, 0.5) 60%, rgba(0, 168, 255, 0.2) 85%, transparent 100%);
    box-shadow: 0 0 10px rgba(0, 168, 255, 0.8), 0 0 20px rgba(0, 168, 255, 0.5), 0 0 30px rgba(0, 168, 255, 0.3);
    position: relative;
    margin-left: -1px;
}

/* Hud line style end */

/* Number Style Start */
.consulting-studio-container-first,
.consulting-studio-container-second,
.consulting-studio-container-third {
    position: relative;
}

.consulting-studio-container-first::before {
    content: '1';
    position: absolute;
    font-family: 'DINOT';
    font-size: 200px;
    left: 90%;
    right: 0;
    top: 10%;
    bottom: 0;
    color: #00ADEF4A;
    width: auto;
}

.consulting-studio-container-second::before {
    content: '2';
    position: absolute;
    font-family: 'DINOT';
    font-size: 200px;
    left: 90%;
    right: 0;
    top: 10%;
    bottom: 0;
    color: #00ADEF4A;
    width: auto;
}

.consulting-studio-container-third::before {
    content: '3';
    position: absolute;
    font-family: 'DINOT';
    font-size: 200px;
    left: 90%;
    right: 0;
    top: 10%;
    bottom: 0;
    color: #00ADEF4A;
    width: auto;
}

/* Number Style End */

.core-competences-img-1,
.core-competences-img-2,
.core-competences-img-3 {
    position: relative;
}

.core-competences-img-1::after {
    content: '';
    position: absolute;
    height: 2px;
    /*     width: 100%; */
    width: 550px;
    background: linear-gradient(90deg, #00a8ff 0%, rgba(0, 168, 255, 0.8) 30%, rgba(0, 168, 255) 90%, rgba(0, 168, 255, 0.2) 100%, transparent 100%);
    /*     box-shadow: 0 0 10px rgba(0, 168, 255, 0.8), 0 0 20px rgba(0, 168, 255, 0.5), 0 0 30px rgba(0, 168, 255, 0.3); */
    z-index: 99999999;
    transform: rotate(-90deg);
    /*     left: 50%; */
    left: 19%;
    right: 100%;
    top: 50%;
    bottom: 0;
}

.core-competences-img-2::after {
    content: '';
    position: absolute;
    height: 2px;
    /*     width: 100%; */
    width: 550px;
    background: linear-gradient(90deg, #00a8ff 0%, rgba(0, 168, 255, 0.8) 30%, rgba(0, 168, 255) 90%, rgba(0, 168, 255, 0.2) 100%, transparent 100%);
    /*     box-shadow: 0 0 10px rgba(0, 168, 255, 0.8), 0 0 20px rgba(0, 168, 255, 0.5), 0 0 30px rgba(0, 168, 255, 0.3); */
    z-index: 99999999;
    transform: rotate(-90deg);
    /*     left: 50%; */
    left: 19%;
    right: 100%;
    top: 50%;
    bottom: 0;
}

.core-competences-img-3::after {
    content: '';
    position: absolute;
    height: 2px;
    /*     width: 100%; */
    width: 550px;
    background: linear-gradient(90deg, #00a8ff 0%, rgba(0, 168, 255, 0.8) 30%, rgba(0, 168, 255) 90%, rgba(0, 168, 255, 0.2) 100%, transparent 100%);
    /*     box-shadow: 0 0 10px rgba(0, 168, 255, 0.8), 0 0 20px rgba(0, 168, 255, 0.5), 0 0 30px rgba(0, 168, 255, 0.3); */
    z-index: 99999999;
    transform: rotate(-90deg);
    /*     left: 50%; */
    left: 19%;
    right: 100%;
    top: 50%;
    bottom: 0;
}

/* Responsive Design Start */
@media (max-width: 1740px) {
    .elementor-element.consulting-studio-image-container.consulting-studio-image-first-container::after {
        top: 10%;
    }

    .our-core-competences-container .elementor-element.competences-hud-line {
        --container-widget-width: 82%;
    }

    .elementor-element.core-competences-main-container {
        padding-left: 100px;
        padding-right: 125px;
    }

    .core-competences-img-1::after {
        left: 11%;
    }

    .core-competences-img-2::after,
    .core-competences-img-3::after {
        left: 12%;
    }
}

@media (max-width: 1680px) {

    .core-competences-img-1::after,
    .core-competences-img-2::after,
    .core-competences-img-3::after {
        left: 8%;
    }
}

@media (max-width: 1600px) {
    .hud-line {
        left: 17%;
    }

    .elementor-element.consulting-studio-image-container.consulting-studio-image-first-container::after {
        top: 0%;
    }

    .our-core-competences-container .elementor-element.competences-hud-line {
        --container-widget-width: 80%;
    }

    .core-competences-img-1::after,
    .core-competences-img-2::after,
    .core-competences-img-3::after {
        left: 3%;
    }

    .elementor-element.core-competences-image-desc.design-development-content {
        bottom: -210px;
    }
}

@media (max-width: 1536px) {

    .core-competences-img-1::after,
    .core-competences-img-2::after,
    .core-competences-img-3::after {
        width: 500px;
        left: 7%;
    }

    .core-competences-image-desc p {
        font-size: 13px;
    }

    .elementor-element.core-competences-image-desc.design-development-content {
        bottom: -192px;
    }

    .core-competences-main-container .elementor-element.competences-bottom-text {
        padding-left: 80px;
    }
}

@media (max-width: 1440px) {
    .hud-line {
        left: 19%;
    }

    .elementor-element.consulting-studio-image-container.consulting-studio-image-first-container::after {
        top: -5%;
    }

    .our-core-competences-container .elementor-element.competences-hud-line {
        --container-widget-width: 78%;
    }

    .core-competences-img-1::after {
        left: 7%;
        width: 450px;
        height: 3px;
    }

    .core-competences-img-2::after,
    .core-competences-img-3::after {
        left: 7%;
        width: 450px;
        height: 3px;
    }

    /* 	.elementor-element.competences-upper-text{
		top:-100px;
	} */

    .elementor-element.core-competences-image-desc.design-development-content {
        bottom: -210px;
    }

    .elementor-element.core-competences-image-desc.customer-experience-content {
        bottom: -215px;
    }

    .elementor-element.core-competences-main-container {
        padding-right: 150px;
    }

    .competences-upper-text-container .elementor-element.competences-upper-text h2.elementor-heading-title {
        font-size: 24px;
    }

    .competences-upper-text-container .elementor-element.competences-bottom-text h2.elementor-heading-title {
        font-size: 22px;
    }

    .core-competences-main-container .elementor-element.competences-upper-text-container {
        top: -110px;
    }

    #leader-ship-content-left-container,
    #leader-ship-content-right-container {
        flex-direction: column;
        gap: 0px;
    }

    #leader-ship-content-left-container p,
    #leader-ship-content-right-container p {
        text-align: start;
    }

    .our-leader-ship-left-image-container,
    .our-leader-ship-right-image-container,
    .leader-ship-content-container {
        min-height: 700px;
    }

}

@media (max-width: 1366px) {
    .our-core-competences-container .elementor-element.competences-hud-line {
        --container-widget-width: 76%;
    }

    .elementor-element.core-competences-image {
        --e-con-transform-skewX: 0 !important;
    }

    .core-competences-img-1 img,
    .core-competences-img-2 img,
    .core-competences-img-3 img,
    .core-competences-img-4 img {
        height: 150px !important;
    }

    .core-competences-image {
        min-height: auto !important;
    }

    .core-competences-img-1::after,
    .core-competences-img-2::after,
    .core-competences-img-3::after,
    .core-competences-img-4::after {
        left: 65%;
        width: 200px;
    }

    .core-competences-main-container .elementor-element.competences-upper-text-container {
        top: -80px;
        left: 0 !important;
    }

    .competences-upper-text-container .elementor-element.competences-upper-text h2.elementor-heading-title {
        font-size: 22px;
    }

    .competences-upper-text-container .elementor-element.competences-bottom-text h2.elementor-heading-title {
        font-size: 20px;
    }

    .elementor-element.core-competences-main-container {
        padding-left: 0px;
        padding-right: 0px;
    }

    .elementor-element.core-competences-image-desc {
        left: 3% !important;
        top: 100%;
        bottom: 100%;
        margin-top: 12px;
    }

}

@media (max-width: 1280px) {
    .elementor-element.consulting-studio-image-container.consulting-studio-image-first-container::after {
        top: -12%;
    }

    .core-competences-img-1::after,
    .core-competences-img-2::after,
    .core-competences-img-3::after,
    .core-competences-img-4::after {
        left: 63%;
        width: 200px;
    }
}

@media (max-width: 1224px) {
    .hud-line {
        left: 24%;
    }

    /* 	.consulting-studio-container{
		width: 100%;
	}
	
	.elementor-element.consulting-studio-content{
		flex-direction: column;
		gap: 20px;
	}
	
	.elementor-element.consulting-studio-container-first,
	.elementor-element.consulting-studio-container-second,
	.elementor-element.consulting-studio-container-third{
		padding-left: 0px;
	}
	
	.elementor-element.our-leadership-top-container{
		flex-direction: column-reverse;
		width: 100%;
	}
	
	.elementor-element.our-leadership-bottom-container{
		position: unset;
		flex-direction: column;
		width: 100%;
	}
	
	.elementor-element.leader-ship-bottom-img,
	.elementor-element.leader-ship-bottom-content,
		.elementor-element.leader-ship-top-img,
	.elementor-element.leader-ship-top-content{
		width: 100%;
	} */

    /* 	.elementor-element.consulting-studio-image-container,
	.consulting-studio-image-container::before,
	.consulting-studio-image-container.consulting-studio-image-first-container::after
	{
		position: unset !important;
	} */

    .elementor-element.our-leadership-top-container {
        flex-direction: column-reverse;
        width: 100%;
    }

    .elementor-element.our-leadership-bottom-container {
        position: unset;
        flex-direction: column;
        width: 100%;
    }

    .elementor-element.leader-ship-bottom-img,
    .elementor-element.leader-ship-bottom-content,
    .elementor-element.leader-ship-top-img,
    .elementor-element.leader-ship-top-content {
        width: 100%;
    }

    .elementor-element.consulting-studio-image-container.consulting-studio-image-first-container::after {
        top: -12%;
    }

    .our-core-competences-container .elementor-element.competences-hud-line {
        --container-widget-width: 75%;
    }

    .core-competences-img-1::after,
    .core-competences-img-2::after,
    .core-competences-img-3::after,
    .core-competences-img-4::after {
        left: 61%;
    }
}

@media (max-width: 1199px) {
    .our-core-competences-container .elementor-element.competences-hud-line {
        --container-widget-width: 73%;
    }

    .core-competences-img-1::after,
    .core-competences-img-2::after,
    .core-competences-img-3::after,
    .core-competences-img-4::after {
        left: 60%;
    }
}

@media (max-width: 1080px) {
    .elementor-element.consulting-studio-image-container.consulting-studio-image-first-container::after {
        top: -21%;
    }

    .our-core-competences-container .elementor-element.competences-hud-line {
        --container-widget-width: 71%;
    }

    .core-competences-img-1::after,
    .core-competences-img-2::after,
    .core-competences-img-3::after,
    .core-competences-img-4::after {
        left: 56%;
    }
}

@media (max-width: 1024px) {
    .our-leadership-bottom-container {
        position: unset;
    }

    .consulting-studio-image-container.consulting-studio-image-first-container::after {
        position: unset !important;
    }

    .consulting-studio-container-third::before,
    .consulting-studio-container-second::before,
    .consulting-studio-container-first::before {
        left: 85%;
    }

    .consulting-studio-container-second::before {
        top: 5%;
    }

    .hud-line {
        margin-top: 5px;
        left: 0%;
        bottom: -15%;
    }

    .hud-line-bar {
        width: 100%;
    }

    .elementor-element.consulting-studio-image-container::before {
        left: 0;
    }

    .consulting-studio-image-container img {
        width: auto !important;
        height: auto !important;
    }

    .elementor-element.core-competences-main-container {
        flex-direction: column;
        gap: 25px;
    }

    .core-competences-img-1::after,
    .core-competences-img-2::after,
    .core-competences-img-3::after,
    .elementor-element.core-competences-image-desc,
    .elementor-element.competences-upper-text,
    .elementor-element.competences-hud-line {
        position: unset !important;
    }

    .elementor-element.core-competences-image {
        --e-con-transform-skewX: 0 !important;
    }

    .elementor-element.core-competences-main-container {
        padding: 0px;
    }

    .elementor-element.core-competences-img-1,
    .elementor-element.core-competences-img-2,
    .elementor-element.core-competences-img-3,
    .elementor-element.core-competences-img-4 {
        text-align: start;
    }

    .elementor-element.core-competences-img-1 img,
    .elementor-element.core-competences-img-2 img,
    .elementor-element.core-competences-img-3 img {
        height: auto;
    }

    .elementor-element.elementor-element-e3c16e9.core-competences-top-desc {
        width: 70%;
    }

    .core-competences-img-1 img,
    .core-competences-img-2 img,
    .core-competences-img-3 img,
    .core-competences-img-4 img {
        height: auto !important;
    }

    .leader-ship-content-container {
        position: unset !important;
    }

    #leader-ship-content-left-container,
    #leader-ship-content-right-container {
        opacity: 1 !important;
    }
}

@media (max-width: 767px) {
    .elementor-element.competences-hud-line {
        display: none;
    }

    .elementor-element.our-core-competences-container .e-con-inner {
        gap: 0px;
    }

    .elementor-element.elementor-element-e3c16e9.core-competences-top-desc {
        top: 75px;
    }

    .elementor-element.elementor-element-e3c16e9.core-competences-top-desc {
        width: 100%;
    }

    .gallery-container {
        display: block;
    }
}

@media (max-width: 600px) {}

@media (max-width: 480px) {

    .consulting-studio-container-third::before,
    .consulting-studio-container-second::before,
    .consulting-studio-container-first::before {
        left: 70%;
    }
}

@media (max-width: 440px) {
    .elementor-element.core-competences-main-container {
        margin-top: 85px;
    }
}

@media (max-width: 380px) {
    .elementor-element.core-competences-main-container {
        margin-top: 90px;
    }
}

@media (max-width: 340px) {
    .elementor-element.core-competences-main-container {
        margin-top: 110px;
    }
}

/* Responsive Design End */

.consulting-studio-image-container {
    position: relative;
}

.consulting-studio-image-container::before {
    content: '';
    position: absolute;
    background: radial-gradient(ellipse at center, #00ADEF 0%, #00ADEF 50%, #000000 78%);
    width: 100%;
    height: 2px;
    left: 20%;
    top: -2px;
}

.consulting-studio-image-container.consulting-studio-image-first-container::after {
    content: '';
    position: absolute;
    background: radial-gradient(ellipse at center, #00ADEF 0%, #00ADEF 50%, #000000 80%);
    width: 60%;
    height: 2px;
    transform: rotate(90deg);
    left: 70%;
    right: 0%;
    bottom: 0%;
    top: 10%;
}

.elementor-element .our-produt-owner-img {
    width: 25px;
    height: auto;
}

.our-product-owner-list li {
    display: flex;
    gap: 50px;
    align-items: center;
}


/* New Design Style Start  */
.footer-link-container .footer-link .blue-text .elementor-icon-list-text {
    color: #00ADEF;
}

.header-logo {
    display: none;
}

.elementor-sticky--effects .header-logo {
    display: block;
}

.text-medium {
    font-weight: 500 !important;
}

.blue-verticle-line,
.blue-horizontal-line {
    height: 2px;
    background-color: #00ADEF !important;
    display: flex;
}

.blue-horizontal-line {
    transform: rotate(180deg);
    width: 20%;
    margin: 0 auto;
}

.blue-horizontal-line.start,
.blue-horizontal-line.end {
    justify-self: center;
}

.title-border-bottom {
    border-bottom: 2px solid transparent;
    background: linear-gradient(90deg, #000 0%, #fff 50%, #000 100%) bottom / 100% 2px no-repeat;
}

.our-leader-ship-main-container {
    background:
        url('/wp-content/uploads/2026/03/Our-eader-ship-bg-1.webp') left center,
        url('/wp-content/uploads/2026/03/Our-eader-ship-bg-2.webp') right center;

    background-repeat: no-repeat;
    background-size: 60% 100%, 63% 100%;
}

.say-42-sport-hero-container {
    background:
        url('/wp-content/uploads/2026/03/say-bg-img-left.webp') left center,
        url('/wp-content/uploads/2026/03/say-bg-img-right.webp') right center;

    background-repeat: no-repeat;
    background-size: 60% 100%, 63% 100%;
}

.our-studio-hero-container {
    background:
        url('/wp-content/uploads/2026/02/our-studio-left-img.png') left center,
        url('/wp-content/uploads/2026/02/our-studio-right-img.png') right center;

    background-repeat: no-repeat;
    background-size: 60% 100%, 60% 100%;
}

.experience-studio-hero-container {
    background:
        url('/wp-content/uploads/2026/02/experience-studio-bg-1.png') left center,
        url('/wp-content/uploads/2026/02/experience-studio-bg-2.png') right center;

    background-repeat: no-repeat;
    background-size: 60% 100%, 60% 99%;
}

.product-studio-hero-container {
    background:
        url('/wp-content/uploads/2026/02/product-studio-left-img-scaled.webp') left center,
        url('/wp-content/uploads/2026/02/product-studio-right-img.webp') right center;

    background-repeat: no-repeat;
    background-size: 60% 100%, 60% 100%;
}

.mobility-studio-hero-container {
    background:
        url('/wp-content/uploads/2026/02/mobility-studio-right-bg-image.webp') left center,
        url('/wp-content/uploads/2026/03/mobility-studio-left-bg-image.webp') right center;

    background-repeat: no-repeat;
    background-size: 60% 100%, 60% 100%;
}

.marine-studio-hero-container {
    background:
        url('/wp-content/uploads/2026/03/marine-studio-bg-img.webp') left center,
        url('/wp-content/uploads/2026/03/marine-studio-right-bg-img.webp') right center;

    background-repeat: no-repeat;
    background-size: 60% 100%, 60% 100%;
}

.performance-wheels-hero-container {
    background:
        url('/wp-content/uploads/2026/03/bmw-bg-left-img.webp') left center,
        url('/wp-content/uploads/2026/03/bmw-bg-right-img.webp') right center;

    background-repeat: no-repeat;
    background-size: 60% 100%, 63% 100%;
}

.gear-design-hero-container {
    background:
        url('/wp-content/uploads/2026/03/left-bg-img.webp') left center,
        url('/wp-content/uploads/2026/03/right-bg-img.webp') right center;

    background-repeat: no-repeat;
    background-size: 60% 100%, 63% 100%;
}

.rims-design-hero-container {
    background:
        url('/wp-content/uploads/2026/03/rims-hero-section-left-img-scaled.webp') left center,
        url('/wp-content/uploads/2026/03/rims-hero-section-right-img-scaled.webp') right center;

    background-repeat: no-repeat;
    background-size: 60% 100%, 63% 100%;
}

.avira-motors-hero-container {
    background:
        url('/wp-content/uploads/2026/03/avira-motors-hero-section-left-img.webp') left center,
        url('/wp-content/uploads/2026/03/avira-motors-hero-section-right-img.webp') right center;

    background-repeat: no-repeat;
    background-size: 60% 100%, 63% 100%;
}

.user-experience-hero-container {
    background:
        url('/wp-content/uploads/2026/03/user-experience-left-img.webp') left center,
        url('/wp-content/uploads/2026/03/user-experience-right-img.webp') right center;

    background-repeat: no-repeat;
    background-size: 60% 100%, 63% 100%;
}

.value-creation-img img {
    clip-path: polygon(0 0, 0 100%, 100% 0);
}

.digital-product-img img {
    clip-path: polygon(100% 100%, 0 100%, 100% 0);
}

.our-process-main-container {
    position: relative;
    overflow: hidden;
}

.text-white {
    color: white;
}

.text-blue {
    color: #00ADEF !important;
}

.common-right-clip-path {
    clip-path: polygon(40% 0, 100% 0, 100% 100%, 0% 100%);
}


.mobility-design-slider .swiper-pagination,
.marine-design-slider .swiper-pagination,
.experience-design-slider .swiper-pagination {
    top: 100%;
    margin-top: 40px;
}

.mobility-design-slider .elementor-slide-heading {
    position: absolute;
    top: 100%;
    margin-top: 40px;
    width: 100%;
    left: 0;
    right: 0;
    margin: 40px auto 0px auto;
}

.mobility-design-slider .elementor-slides-wrapper.swiper {
    padding-bottom: 80px;
}

.metform-form-content .contact-form-input-field input,
.metform-form-content .contact-form-input-field textarea {
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    background-image: linear-gradient(to right, #969595, #ffffff00, #000000);
    background-size: 100% 2px;
    background-repeat: no-repeat;
    background-position: bottom;
}

.metform-form-content .contact-form-input-field textarea {
    overflow-x: hidden;
    overflow-y: hidden;
    resize: none !important;
}

.metform-form-content .contact-form-input-field input:focus,
.metform-form-content .contact-form-input-field textarea:focus {
    border-color: transparent !important;
}

.contact-form-attach .metform-btn {
    background-color: transparent;
    padding-left: 0px;
    padding-right: 0px;
}

.our-innovation-partner-logo-slider .e-con-inner {
    padding-bottom: 0px;
}

.common-logo-img-slider .elementor-carousel-image {
    height: 80px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.creator-and-performers-container {
    position: relative;
}

/* @media (max-width: 1920px) {
		.our-process-image-container .elementor-element.e-transform.our-process-skew-container{
		--e-con-transform-skewX: -39deg;
	}
	
	.our-process-skew-main-container {
			margin-left: 240px;
	}
} */

@media (max-width: 1880px) {
    .our-process-image-container .elementor-element.e-transform.our-process-skew-container {
        --e-con-transform-skewX: -38deg;
    }

    .our-process-skew-main-container {
        margin-left: 236px;
    }
}


@media (max-width: 1792px) {
    .our-process-image-container .elementor-element.e-transform.our-process-skew-container {
        --e-con-transform-skewX: -37deg;
    }

    .our-process-skew-main-container {
        margin-left: 223px;
    }

    #customer-experience-text-container {
        left: 120px;
    }
}


@media (max-width: 1728px) {
    .our-process-image-container .elementor-element.e-transform.our-process-skew-container {
        --e-con-transform-skewX: -36deg;
    }

    .our-process-skew-main-container {
        margin-left: 215px;
    }
}


@media (max-width: 1680px) {
    .our-process-image-container .elementor-element.e-transform.our-process-skew-container {
        --e-con-transform-skewX: -35deg;
    }

    .our-process-skew-main-container {
        margin-left: 210px;
    }

    #customer-experience-text-container {
        left: 100px;
    }
}

@media (max-width: 1600px) {
    .our-process-image-container .elementor-element.e-transform.our-process-skew-container {
        --e-con-transform-skewX: -34deg;
    }

    .our-process-skew-main-container {
        margin-left: 200px;
    }
}

@media (max-width: 1536px) {
    .our-process-image-container .elementor-element.e-transform.our-process-skew-container {
        --e-con-transform-skewX: -33deg;
    }

    .our-process-skew-main-container {
        margin-left: 191px;
    }
}


@media (max-width: 1440px) {
    .contact-us-description {
        row-gap: 50px;
        column-gap: 50px;
    }

    .our-process-image-container .elementor-element.e-transform.our-process-skew-container {
        --e-con-transform-skewX: -31deg;
    }

    .our-process-skew-main-container {
        margin-left: 180px;
    }
}

@media (max-width: 1365px) {

    .elementor-element.our-leader-ship-left-content-container,
    .elementor-element.our-leader-ship-right-content-container {
        flex-direction: column;
        gap: 0px;
    }

    .ol-left-content-container,
    .ol-right-content-container {
        text-align: start !important;
    }

    .our-process-image-container .elementor-element.e-transform.our-process-skew-container {
        --e-con-transform-skewX: -30deg;
    }

    .our-process-skew-main-container {
        width: 75%;
        margin-left: 169px;
    }

    #our-process-top-heading .elementor-heading-title {
        font-size: 20px;
    }

    #our-process-bottom-heading .elementor-heading-title {
        font-size: 14px;
    }

    #our-process-bottom-paragraph p {
        font-size: 9px;
    }

    #customer-experience-text-container {
        left: 85px;
    }
}


@media (max-width: 1280px) {
    .our-process-image-container .elementor-element.e-transform.our-process-skew-container {
        --e-con-transform-skewX: -28deg;
    }

    .our-process-skew-main-container {
        margin-left: 161px;
    }

    #customer-experience-text-container {
        left: 70px;
    }
}

@media (max-width: 1224px) {
    .contact-us-description .elementor-element.contact-us-left-desc {
        width: 70%;
    }

    .our-process-image-container .elementor-element.e-transform.our-process-skew-container {
        --e-con-transform-skewX: -27deg;
    }

    .our-process-skew-main-container {
        margin-left: 154px;
    }
}

@media (max-width: 1223px) {

    #our-process-image-container,
    .our-process-image-container {
        flex-direction: column;
        gap: 20px;
    }

    .value-creation-container {
        position: unset;
        width: 100%;
        clip-path: unset;
    }

    #our-process-skew-main-container {
        flex-direction: column;
        position: unset;
        width: 100%;
    }

    #digital-product {
        position: unset;
        width: 100%;
    }

    .digital-product-img img,
    .value-creation-img img {
        clip-path: unset;
        width: 100%;
    }

    .our-process-image-container .elementor-element.e-transform.our-process-skew-container {
        --e-con-transform-skewX: 0;
    }

    .our-process-skew-main-container {
        margin-left: 0px;
    }

    .design-development-img img,
    .product-realization-img img,
    .customer-experience-img img {
        width: 100%;
    }

    #value-creation-text-container,
    #design-development-text-container,
    #product-realization-text-container,
    #customer-experience-text-container,
    .digital-product-and-service-text-container {
        position: absolute;
        left: 5%;
        width: 80%;
    }

    #our-process-top-heading .elementor-heading-title {
        font-size: 28px;
    }

    #our-process-bottom-heading .elementor-heading-title {
        font-size: 22px;
    }

    #our-process-bottom-paragraph p {
        font-size: 12px;
    }

    #our-process-top-heading .elementor-heading-title,
    #our-process-bottom-heading .elementor-heading-title {
        text-align: start;
    }

    #our-process-top-heading-container {
        align-items: start;
    }

    #our-process-bottom-paragraph {
        --align-self: start;
    }

    .value-creation-container,
    .design-development-container,
    .product-realization,
    .customer-experience,
    #digital-product {
        flex-direction: column-reverse !important;
        position: relative;
    }

    .our-process-skew-container {
        min-height: auto;
    }

    #our-process-skew-main-container {
        gap: 20px;
    }
}


@media (max-width: 1024px) {

    .metform-form-content .contact-form-input-field input,
    .metform-form-content .contact-form-input-field textarea {
        background-image: linear-gradient(to right, #969595, #ffffff5e, #000000);
    }

    .creator-and-performers-overlay-text {
        position: unset !important;
    }

    .our-leader-ship-main-container {
        background: none;
    }

    /* 	.digital-product,
	.value-creation-container{
		position: unset;
	} */

    /* 	.digital-product-img img,
	.value-creation-img img{
		clip-path: unset;
	} */

    /* 	.our-process-text-container{
		position: unset;
	} */

}

@media (max-width: 900px) {
    .common-hero-container {
        min-height: auto;
    }
}

@media (max-width: 767px) {
    .hero-content-container {
        min-height: auto;
        padding-bottom: 50px;
        gap: 0px;
    }

    .contact-form-input-field textarea {
        height: 80px !important;
    }

    .contact-us-map-section.common-right-clip-path {
        clip-path: none;
        position: unset;
    }

    .contact-us-description .elementor-element.contact-us-left-desc {
        width: 100%;
    }

    #our-process-top-heading .elementor-heading-title {
        font-size: 22px;
    }

    #our-process-bottom-heading .elementor-heading-title {
        font-size: 20px;
    }

    .mobility-design-slider .swiper-pagination,
    .marine-design-slider .swiper-pagination,
    .experience-design-slider .swiper-pagination {
        top: 100%;
        margin-top: 0px;
    }


    .our-leader-ship-main-container,
    .say-42-sport-hero-container,
    .our-studio-hero-container,
    .experience-studio-hero-container,
    .product-studio-hero-container,
    .mobility-studio-hero-container,
    .marine-studio-hero-container,
    .performance-wheels-hero-container,
    .gear-design-hero-container,
    .rims-design-hero-container,
    .avira-motors-hero-container,
    .user-experience-hero-container {
        background-repeat: no-repeat;
        background-position: left center;
        background-size: inherit;
    }

    .our-leader-ship-main-container {
        background-image: url('/wp-content/uploads/2026/03/Our-eader-ship-bg-1.webp');
    }

    .say-42-sport-hero-container {
        background-image: url('/wp-content/uploads/2026/03/say-bg-img-left.webp');
    }

    .our-studio-hero-container {
        background-image: url('/wp-content/uploads/2026/02/our-studio-left-img.png');
    }

    .experience-studio-hero-container {
        background-image: url('/wp-content/uploads/2026/02/experience-studio-bg-1.png');
    }

    .product-studio-hero-container {
        background-image: url('/wp-content/uploads/2026/02/product-studio-left-img-scaled.webp');
    }

    .mobility-studio-hero-container {
        background-image: url('/wp-content/uploads/2026/02/mobility-studio-right-bg-image.webp');
    }

    .marine-studio-hero-container {
        background-image: url('/wp-content/uploads/2026/03/marine-studio-bg-img.webp');
    }

    .performance-wheels-hero-container {
        background-image: url('/wp-content/uploads/2026/03/bmw-bg-left-img.webp');
    }

    .gear-design-hero-container {
        background-image: url('/wp-content/uploads/2026/03/left-bg-img.webp');
    }

    .rims-design-hero-container {
        background-image: url('/wp-content/uploads/2026/03/rims-hero-section-left-img-scaled.webp');
    }

    .avira-motors-hero-container {
        background-image: url('/wp-content/uploads/2026/03/avira-motors-hero-section-left-img.webp');
    }

    .user-experience-hero-container {
        background-image: url('/wp-content/uploads/2026/03/user-experience-left-img.webp');
    }


}

@media (max-width: 480px) {
    .footer-link-container ul.elementor-icon-list-items {
        flex-direction: column;
        align-items: center;
    }

    .common-hero-container .hero-content-h-line.elementor-widget {
        width: 10%;
    }

    .common-line-content-container {
        min-height: auto;
    }

    .360-value-heading {
        font-size: 20px;
    }

    .common-hero-bg-container {
        min-height: 270px;
    }

    .our-process-img-overlay img {
        height: 400px !important;
    }

}

.text-gray {
    color: #B3B3B3;
    font-weight: 400;
}

.strip-inner p.text-white {
    font-weight: 500;
    display: grid;
    justify-content: center;
    text-align: center;
}

.our-leader-ship-left-image-container {
    clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
}

.our-leader-ship-right-image-container {
    clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);
}


.our-leader-ship-left-image-container.child-hovered,
.our-leader-ship-right-image-container.child-hovered {
    --overlay-opacity: 0.8 !important;
}

.leader-ship-content-container .leader-ship-content-left-container:hover .our-leader-ship-left-image-container,
.leader-ship-content-container .leader-ship-content-right-container:hover .our-leader-ship-right-image-container {
    --overlay-opacity: 0.8 !important;
}


.our-process-text-container {
    opacity: 0;
    transition: 0.3s opacity ease;
}


.value-creation-container:hover .our-process-text-container,
.design-development-container:hover .our-process-text-container,
.product-realization:hover .our-process-text-container,
.customer-experience:hover .our-process-text-container,
.digital-product:hover .our-process-text-container {
    opacity: 1 !important;
    cursor: pointer;
}

.value-creation-container:hover .value-creation-img img,
.design-development-container:hover .design-development-img img,
.product-realization:hover .product-realization-img img,
.customer-experience:hover .customer-experience-img img,
.digital-product:hover .digital-product-img img {
    opacity: 0.3 !important;
    cursor: pointer;
}

/* New Design Style End */
@media (min-width: 1024px) {

    .leader-ship-content-left-container,
    .leader-ship-content-right-container {
        opacity: 0;
        transition: opacity 0.9s ease;
    }
}

/* .elementor-element-084a0bc:has(.our-leader-ship-left-image-container:hover) 
.leader-ship-content-left-container {
    opacity: 1;
}

.elementor-element-084a0bc:has(.our-leader-ship-right-image-container:hover) 
.leader-ship-content-right-container {
    opacity: 1;
} */

.leader-ship-content-container {
    pointer-events: none;
}

.leader-ship-content-left-container,
.leader-ship-content-right-container {
    pointer-events: none;
}


.home-slider-img-container {
    transition: opacity 0.3s ease;
}

.home-slider-text-container {
    opacity: 0;
}

.home-slider-img-container:hover .home-slider-text-container {
    opacity: 1;
}

#marine-studio-common-slider .elementor-carousel-image {
    filter: grayscale(100%);
    mix-blend-mode: saturation;
}

.studio-page-logo .common-logo-img-slider .elementor-carousel-image {
    height: 40px !important;
}

.product-gallery-img a {
    align-items: stretch;
    width: 100%;
}

.product-gallery-img {
    width: 100%;
}