/* ══════════════════════════════
 Journey
══════════════════════════════ */
.common-block-card { border-radius: 20px; background: rgba(255, 255, 255, 0.72);backdrop-filter: blur(10px); padding: 20px 20px 60px 20px; position: relative; z-index: 1; cursor: pointer; transition: transform 0.25s ease, box-shadow 0.25s ease; overflow: hidden; height: 100%; } 
.card-corner { position: absolute; top: 0; right: 0; width: 0; height: 0; border-top: 40px solid #D13530; border-left: 40px solid transparent; border-radius: 0 14px 0 0; } 
.common-block-card::after {content: ""; position: absolute;top: -65px;right: -65px;width: 150px; height: 150px; background: #D13530;border-radius: 50%;transform: scale(0.6); transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1); z-index: 0;}
.common-block-card > * {position: relative; z-index: 2;}
.common-block-card:hover::after {transform: scale(8);}
.common-block-card:hover *{color: #fff !important;  transition-delay: 0.15s;}
.common-block-card:hover .c-icon img, .common-block-card:hover .arrow-circle img {filter: contrast(1) invert(1) brightness(10);}
.common-block-card .c-icon img,
.common-block-card .arrow-circle img {transition: filter 0.3s ease;}
.common-block-card:hover .c-icon img,.common-block-card:hover .arrow-circle img {filter: brightness(0) invert(1);  transition-delay: 0.2s;}
.common-block-card .c-icon { margin-bottom: 22px; } 
.common-block-card .c-label { font-size: var(--text-20); font-weight: 600; color: #1a1a1a; margin-bottom: 4px; } 
.common-block-card .c-sub { font-size: var(--text-p); color: #6E6E6E; margin-bottom: 14px; }
.common-card-slider {position: relative;height: auto;display: flex}
.journey-section .swiper-wrapper {display: flex;align-items: stretch;}
.journey-section .swiper-slide {height: auto;display: flex;flex-shrink: 0;}
.journey-section .common-block-card {width: 100%;height: 100%;}
.journey-section .commonSwiperslider {overflow: hidden;}
.arrow-circle {position: absolute;bottom: 15px;}
.common-slider-vector {position: absolute;bottom: -35vw;left: 40vw;z-index: 1;}
.common-card-slider {margin-left: -15px; margin-right: -15px;}
.common-card-slider .swiper{padding-left: 15px;padding-right: 15px;padding-bottom: 15px; padding-top: 15px;margin-top: -15px;}
.dark .common-slider-vector img {filter: brightness(0.5) invert(1);} 
.floating-icon {z-index: -1;}
.dark .icon-transform img {filter: grayscale(1) invert(1);}
.dark .common-block-card {background-color: #212121;}
.dark .common-block-card .c-label, .dark .common-block-card .c-sub {color: #fff;}
.link-underline { display: initial;}


/* ══════════════════════════════
 VISIT LAB
══════════════════════════════ */
.contact-bg {position: absolute; top: 0; left: 0; width: 100%; height:100%; z-index: 1;}
.contact-bg img {width: 100%; height: 100%; object-fit: cover;}
.contact-address p {font-size: 1rem;color: #767676;}
.labtimings-warpper {background-color: #F5F8FD; border-radius: 16px;}
.location-wrapper .wrapper-title{padding-top: 50px;}
.map-overlay {transition: opacity 0.3s ease;}
.map-wrapper iframe {pointer-events: none;}
.map-wrapper.active iframe {pointer-events: auto;}
.map-overlay {transition: opacity 0.3s ease;}
.map-wrapper.active .map-overlay {opacity: 0;pointer-events: none;}
.labtimings-warpper {z-index: 1; position: relative;}
.dark .location-map-wrapper h3 {color: #fff;}
.dark .labtimings-warpper {background-color: #131313;}
.dark .labtimings-warpper .text-p {color: #fff;}
.dark .labtimings-warpper .timing-txt {color: #888;}

/* ══════════════════════════════
 marquee
══════════════════════════════ */
.marquee-track {display: flex;width: max-content;will-change: transform; visibility: hidden;}
.marquee-item {width: 305px; height: 235px; flex-shrink: 0;margin-right: 30px;opacity: 0; border-radius: 16px;background: #F5F8FD; display: flex; align-items: center; justify-content: center;padding: 25px 25px;}
.marquee-item img {height: 100%;width: auto;}
.marquee {mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);  -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);}
.marquee-text {font-size: var(--text-20); font-weight: 600; text-align: center;}

/* ══════════════════════════════
 vision
══════════════════════════════ */
.inner-vision-wrapper { max-width: 48vw; padding-left: 3vw;position: relative;}
.inner-vision-wrapper .para-inner {max-width: 38vw;}
.ledvision-outer {position: relative;}
.ledvision-outer::after {content: ''; background-color: var(--color-primary); width: 50%; height: 100%; position: absolute; top: 0; left: -50%;}
.inner-vision-wrapper .smallquote-wrap { position: absolute; top: -1vw; left: 0;}
.inner-light-primary {position: absolute; top: 0; left: 0; width: 100%; height: 85%;z-index: -1;}
.dark .cop_bb_section {background-color: #555555;}
.dark .ledvision-outer, .dark .ledvision-outer::after {background-color: #212121;}

.getintouch-wrapper .wrapper-title::before {bottom: -70px;}

@media (min-width: 1920px) {
.ledvision-outer {padding-top: 5vw; padding-bottom: 5vw;}

}
@media (max-width: 1336px) {
.inner-vision-wrapper .para-inner {max-width: 50vw;}
.ledvision-outer::after {left: -49%;}

}

@media (max-width: 1023px) {
    .common-slider-vector {display: none;}
    .map-wrapper iframe {height: 350px;}
    .marquee-item {width: 45vw; height: auto;}
    .inner-vision-wrapper { max-width: 85vw; padding-left: 0;padding-right: 15px;}
    .inner-vision-wrapper .para-inner {max-width: 70vw;}
    .inner-vision-wrapper .smallquote-wrap{top: -8vw;}
    .ledvision-outer {padding-top: 8rem;}
    .vision-right-image {margin-bottom: -5rem;z-index: 1;max-width: 95%;}
}

@media (max-width: 767px) {
.common-slider-vector {display: none;}
/* .common-card-slider .swiper { padding-left: 0;padding-right: 0;} */
.common-card-slider {margin-left: 0;margin-right: 0;}

.marquee-item {width: 70vw; padding: 18px;}
.inner-vision-wrapper .smallquote-wrap{top: -15vw;}
.inner-vision-wrapper .para-inner {max-width: 100vw;}
.inner-vision-wrapper { max-width: 100vw; padding-left: 0;padding-right: 15px;z-index: 1;}
.getintouch-wrapper .wrapper-title::before {bottom: -100px;}
.custom-arrow-slider .swiper-button-prev{left: -15px;}
.custom-arrow-slider .swiper-button-next {right: -15px;}
}

@media screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio:1.5),screen and (min-width:1025px) and (min-resolution:144dpi) { 
    .common-slider-vector {bottom: -20vw;left: 15vw;}
    .inner-vision-wrapper {padding-left: 5vw;}
    .inner-vision-wrapper .smallquote-wrap {left: 15px;}
    .inner-vision-wrapper .para-inner {max-width: 40vw;}

}