.elementor-6777 .elementor-element.elementor-element-580cfd73{--display:flex;--padding-top:10px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-6777 .elementor-element.elementor-element-4906d17b{--e-image-carousel-slides-to-show:5;}.elementor-6777 .elementor-element.elementor-element-4906d17b .swiper-wrapper{display:flex;align-items:center;}@media(max-width:1024px){.elementor-6777 .elementor-element.elementor-element-4906d17b{--e-image-carousel-slides-to-show:4;}}@media(max-width:767px){.elementor-6777 .elementor-element.elementor-element-4906d17b{--e-image-carousel-slides-to-show:2;}}/* Start custom CSS for image-carousel, class: .elementor-element-4906d17b */.elementor-6777 .elementor-element.elementor-element-4906d17b .swiper-wrapper{
    transition-timing-function: linear !important;
}/* End custom CSS */



/* Start custom CSS *//* Keep underline always visible for items with links */
.link-hover-underline .elementor-icon-list-item a .elementor-icon-list-text,
.link-hover-underline .elementor-icon-list-item a {
    text-decoration: underline;
}

/* Show the hand icon (pointer) ONLY on items that have a link */
.link-hover-underline .elementor-icon-list-item a:hover {
    cursor: pointer;
}

/* Ensure items WITHOUT a link keep the normal default cursor on hover */
.link-hover-underline .elementor-icon-list-item:hover {
    cursor: default;
}

.wrk-with, .grt-prog {
    position:relative;
    
}

.robotics-facility-icon {
    margin-bottom: 10px;
    display: block;
}

#image-fix .softlite-dynamic-icon{
    width: 100% !important;
    max-width: 100% !important;
    display: block;
    object-fit: cover;
    border-radius:10px;
}

/* Force the icon wrapper to the start (left) of the flex column */
.my-custom-card .softlite-dynamic-icon {
    align-self: flex-start !important;
    width: auto !important;
    margin-left: 0 !important;
}

/* Ensure the SVG itself doesn't have auto-centering margins */
.my-custom-card .softlite-dynamic-icon svg {
    margin-left: 0 !important;
    margin-right: auto !important;
    display: block !important;
}

/* Force the icon wrapper to the start (left) of the flex column on specific cards */
.left-aligned-icon .softlite-dynamic-icon {
    align-self: flex-start !important;
    width: auto !important;
    margin-left: 0 !important;
}

/* Ensure the SVG itself doesn't have auto-centering margins */
.left-aligned-icon .softlite-dynamic-icon svg {
    margin-left: 0 !important;
    margin-right: auto !important;
    display: block !important;
}

ul.career-9 {
    margin-top: 15px; 
}
/* 1. Set the default color and font for the list items */
 ul.career-9 li {
    
    color: #f8f8f8 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    
}

/* 2. Maintain the color when hovering over the WHOLE BOX or the link */
:hover ul.career-9 li,
 a:hover ul.career-9 li,
 ul.career-9 li:hover {
    color: #f8f8f8 !important;
}


/* 1. Set the default color for the SVG icon */
 .dynamic-icon-9 {
    color: #4ee3ff !important;
}

/* 2. Maintain the icon color when hovering over the WHOLE BOX or the link */
:hover .dynamic-icon-9,
 a:hover .dynamic-icon-9,
 .dynamic-icon-9:hover {
    color: #4ee3ff !important;
}


/* =========================================
   GLOBAL BASE (Applies to Desktop, Tablet & Mobile)
   ========================================= */
.my-custom-card .softlite-dynamic-card-box {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

/* Forces titles to maintain the height of 2 lines */
.my-custom-card .softlite-dynamic-card-box-text-1 {
    min-height: 65px !important; 
}

/* Forces the paragraph to fill empty space */
.my-custom-card .softlite-dynamic-card-box-text-2 {
    flex-grow: 1 !important;
}



/* Desktop */
.projects-cards .my-custom-card .softlite-dynamic-card-box-text-1{
    min-height: 85px !important;
}

/* Tablet */
@media (max-width: 1024px){
    .projects-cards .my-custom-card .softlite-dynamic-card-box-text-1{
        min-height: 65px !important;
    }
}

/* Mobile */
@media (max-width: 767px){
    .projects-cards .my-custom-card .softlite-dynamic-card-box-text-1{
        min-height: auto !important;
    }
}

/* =========================================
   TABLET ONLY (1024px and below)
   ========================================= */
@media (max-width: 1024px) {
    .my-custom-card .softlite-dynamic-card-box {
        /* Add tablet-specific height or padding adjustments here if needed */
        height: 100% !important; 
    }
    
    .my-custom-card .softlite-dynamic-card-box-text-1 {
        /* Adjust this if tablet screen size forces text into 3 lines */
        min-height: 65px !important; 
    }

    .my-custom-card .softlite-dynamic-card-box-text-2 {
        flex-grow: 1 !important;
    }
}

/* =========================================
   MOBILE ONLY (767px and below)
   ========================================= */
@media (max-width: 767px) {
    .my-custom-card .softlite-dynamic-card-box {
        /* Add mobile-specific height or padding adjustments here if needed */
        height: 100% !important; 
    }

    .my-custom-card .softlite-dynamic-card-box-text-1 {
        /* Auto allows the box to shrink to fit since mobile cards usually stack */
        min-height: auto !important; 
    }

    .my-custom-card .softlite-dynamic-card-box-text-2 {
        flex-grow: 1 !important;
    }
}
/* All 3 Cards */
.scitekvk,
.gquzhy3p,
.h3mrm109 {
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) !important;
    grid-template-rows: auto 1fr !important;
    column-gap: 10px !important;
    align-items: start !important;
}

/* Icons - Same Position */
.scitekvk > span,
.gquzhy3p > span,
.h3mrm109 > span {
    grid-column: 1 !important;
    grid-row: 1 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Headings - Same Position */
.scitekvk > h3,
.gquzhy3p > h3,
.h3mrm109 > h3 {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 24px !important;
    min-height: 24px !important;
}

/* Description */
.scitekvk > p,
.gquzhy3p > p,
.h3mrm109 > p {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
}

/* Tablet */
@media (max-width: 1024px) {
    .scitekvk,
    .gquzhy3p,
    .h3mrm109 {
        grid-template-columns: 28px minmax(0, 1fr) !important;
        column-gap: 8px !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .scitekvk,
    .gquzhy3p,
    .h3mrm109 {
        grid-template-columns: 28px minmax(0, 1fr) !important;
        column-gap: 8px !important;
    }
}
.griotanm,
.r7r5y8wv,
.xq6jd5vn,
.hm1cxvws {
    position: relative !important;
}

/* Icon */
.griotanm > span,
.r7r5y8wv > span,
.xq6jd5vn > span,
.hm1cxvws > span {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 24px !important;
    height: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
}

/* Heading */
.griotanm > h3,
.r7r5y8wv > h3,
.xq6jd5vn > h3,
.hm1cxvws > h3 {
    margin: 0 0 0 34px !important;
    padding: 0 !important;
    min-height: 24px !important;
    line-height: 24px !important;
}

/* Description */
.griotanm > p,
.r7r5y8wv > p,
.xq6jd5vn > p,
.hm1cxvws > p {
    margin-top: 20px !important;
}

/* Mobile */
@media (max-width: 767px) {
    .griotanm > h3,
    .r7r5y8wv > h3,
    .xq6jd5vn > h3,
    .hm1cxvws > h3 {
        margin-left: 32px !important;
    }
}
/* =====================================
   ONLY TARGET THESE 4 CARDS
===================================== */

.elementor-element-70d327e .softlite-dynamic-card-box,
.elementor-element-5734e54 .softlite-dynamic-card-box,
.elementor-element-963ec85 .softlite-dynamic-card-box,
.elementor-element-a10a2b6 .softlite-dynamic-card-box {

    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) !important;
    grid-template-rows: 48px auto !important;

    column-gap: 10px !important;
    row-gap: 10px !important;

    align-content: start !important;
    justify-content: start !important;
    justify-items: stretch !important;
}

/* ICON */
.elementor-element-70d327e .softlite-dynamic-card-box > span,
.elementor-element-5734e54 .softlite-dynamic-card-box > span,
.elementor-element-963ec85 .softlite-dynamic-card-box > span,
.elementor-element-a10a2b6 .softlite-dynamic-card-box > span {

    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: start !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* H3 HEADING */
.elementor-element-70d327e .softlite-dynamic-card-box > h3,
.elementor-element-5734e54 .softlite-dynamic-card-box > h3,
.elementor-element-963ec85 .softlite-dynamic-card-box > h3,
.elementor-element-a10a2b6 .softlite-dynamic-card-box > h3 {

    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: start !important;

    margin: 0 !important;
    padding: 0 !important;
    line-height: 24px !important;
}

/* PARAGRAPH */
.elementor-element-70d327e .softlite-dynamic-card-box > p,
.elementor-element-5734e54 .softlite-dynamic-card-box > p,
.elementor-element-963ec85 .softlite-dynamic-card-box > p,
.elementor-element-a10a2b6 .softlite-dynamic-card-box > p {

    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    align-self: start !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* EMPTY BUTTON */
.elementor-element-70d327e .softlite-dynamic-card-box > a:empty,
.elementor-element-5734e54 .softlite-dynamic-card-box > a:empty,
.elementor-element-963ec85 .softlite-dynamic-card-box > a:empty,
.elementor-element-a10a2b6 .softlite-dynamic-card-box > a:empty {

    display: none !important;
}

/* =====================================
   TABLET & MOBILE RESPONSIVE
===================================== */

@media (max-width: 1024px) {

    .elementor-element-70d327e .softlite-dynamic-card-box,
    .elementor-element-5734e54 .softlite-dynamic-card-box,
    .elementor-element-963ec85 .softlite-dynamic-card-box,
    .elementor-element-a10a2b6 .softlite-dynamic-card-box {

        grid-template-rows: auto auto !important;
        row-gap: 10px !important;
    }
}
.career-9 li a {
    color: inherit !important;
    text-decoration: none !important;
}

.career-9 li a:hover {
    text-decoration: underline !important;
}/* End custom CSS */