/* ══════════════════════════════
 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);}
.bg-vector-journey {position: absolute; bottom: -20vw; left: 0;width: 100%;}


.bg-faq {position: absolute; bottom: -15vw; left: 0;z-index: -1;}

/* ══════════════════════════════
 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{margin-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;}
.map-wrapper p {height: 100%;}
.map-wrapper {height: 425px;}



/* ══════════════════════════════
 Schedule Service
══════════════════════════════ */
.hexagon-block-card {height: 100%; position: relative;}
.hexagon-block-card::after {content: ''; position: absolute; bottom: 0; left: 0; background-color: #fff; width: 100%; height: 75%;}
.inner-block-wrap {height: 100%;}
.hexagon-block-card h3 {color: var(--color-primary);font-size: 6.375rem;font-weight: 600;position: relative;margin-top: -7vw;}
.hexagon-block-card p {font-size: var(--text-20); font-weight: 600;}
.hexagon-block-card p:last-child {margin-bottom: 0;}
.inner-block-content {padding: 0 20px;}
.inner-block-text {padding-top: 0px;}
.inner-block-content {position: relative;}
.hexagon-block-card {overflow: hidden; height: 100%; } 
.hexagon-block-card > * {position: relative; z-index: 2;}
.common-card-slider {position: relative;height: auto;display: flex}
.scheduleserviceSwiper .swiper-wrapper {display: flex;align-items: stretch;}
.scheduleserviceSwiper .swiper-slide {height: auto;display: flex;flex-shrink: 0;}
.scheduleserviceSwiper .hexagon-block-card {width: 100%;height: 100%;padding-bottom: 20px;}
.scheduleserviceSwiper .commonSwiperslider {overflow: hidden;}
.inner-block-wrap .bt_bb_image {width: 116%; left: -11px;}
.inner-block-wrap .bt_bb_image.bt_bb_shape_hexagon .bt_bb_image_content {width: 98%;}
.inner-block-wrap .bt_bb_image.bt_bb_shape_hexagon img {width: 100%;}
.inner-block-wrap .hexagon-img {z-index: -1; position: relative;}




@media (min-width: 1920px) {
.bg-vector-journey { bottom: -25vw;}
.hexagon-block-card h3 {margin-top: -6vw;}

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

    .common-slider-vector {display: none;}
    .bg-vector-journey { bottom: 0vw;}
    .extreme-left-imgwrap {padding-left: 1.25rem; padding-right: 1.25rem;}
    .map-wrapper iframe {height: 350px;}
.visitlab-content-section {margin-top: -55vw;}
  
}

@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;}
.bg-vector-journey {bottom: 0;left: 0;}
 .extreme-left-imgwrap {padding-left: 1.25rem; padding-right: 1.25rem;}
 .hexagon-block-card h3 { margin-top: -28vw;}
 .inner-block-wrap .bt_bb_image {width: 115%;left: -22px;}
.inner-block-wrap .bt_bb_image.bt_bb_shape_hexagon .bt_bb_image_content {mask-size: 100% 100%;   -webkit-mask-size: 100% 100%;mask-position: center;}

    .custom-arrow-slider .swiper-button-prev {left: -15px;}
    .custom-arrow-slider .swiper-button-next {right: -15px; }
    .visitlab-section {height: 485px;}
.common-block-card{--tw-shadow: 0 1px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);} 

    .map-wrapper {height: 100%;}
  .visitlab-content-section {margin-top: -110vw;}


}

@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;}
    .bg-vector-journey {bottom: -30vw;}
    .map-wrapper {height: 400px;}
    .scheduleservice-section {height: 820px;}
    .needhelp-section .needhelp-row{gap: 50px;}
    .common-block-card .c-sub {font-size: 1rem !important;}
}