.main_header .rk_logo img {
   filter: invert(1) brightness(10);
}

.scrolled .rk_logo img {
   filter: invert(0) brightness(1);
}

.main_header {
    position: fixed;
}

/* Hero section css start */

.hero_section_main {
    position: relative;
}

.hero-content {
    position: absolute;
    top: 50%;
    left: 60px;
    transform: translateY(-50%);
}

.hero-content h1 {
    font-size: var(--fs-banner-text);
    font-weight: var(--fw-banner-text);
    line-height: var(--lh-banner-text);
    letter-spacing: 8px;
    text-transform: uppercase;
    color: var(--color-banner-text);
}

.project-label {
    position: absolute;
    bottom: 0;
    padding: 15px 60px 15px 15px;
    width: 100%;
    right: 0;
    text-align: end;
    background: linear-gradient(90deg, rgb(255 255 255 / 0%) 0%,
            /* Start with white, slightly transparent */
            rgb(46 163 220 / 66%) 100%
            /* End with blue, more visible */
        );
}

.project-label p {
    font-size: var(--fs-header-menu);
    font-weight: var(--fw-want-to-work);
    color: var(--color-white);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: var(--font-helvetica);
}

/* .hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(44, 62, 80, 0.85) 0%, rgba(44, 62, 80, 0.4) 100%);
} */

.hero_section span.border_stan {
    width: 1px;
    height: 80px;
    background-color: #C9C9CA;
    margin: 0 auto;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
}

.hero_section span.border_stan:after {
    width: 80px;
    height: 1px;
    content: '';
    background-color: #C9C9CA;
    display: block;
}

/* Hero section css end */

/* our essence css start */
section.our_essense_head {
    background: linear-gradient(185deg, rgba(255, 255, 255, 0.9) 0%, rgba(230, 239, 244, 0.8) 60%, rgb(210 230 240 / 57%) 100%);
}

.our_essense_text h4 {
    font-size: var(--fs-banner-below);
    line-height: var(--lh-banner-below);
    font-weight: var(--fw-banner-below);
    color: var(--color-banner-below);
    margin-bottom: 60px;
}

.button-global a {
    font-size: var(--fs-button);
    font-weight: var(--fw-button);
    line-height: var(--lh-button);
    color: var(--color-banner-below);
    text-decoration: none;
    display: inline-block;
    border: 2px solid #2EA3DC;
    padding: 5px 65px;
    text-transform: uppercase;
}

/* expertise section css start */

.expertise_title h2 {
    font-size: var(--fs-heading-title);
    font-weight: var(--fw-heading-title);
    line-height: var(--lh-heading-title);
    color: var(--color-heading-title);
    letter-spacing: 10px;
    text-transform: uppercase;
}

.expertise_head {
    padding: 100px 0 0;
}

.expertise_title {
    margin-bottom: 60px;
}

.expertise_wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;
    column-gap: 80px;
    row-gap: 60px;
    margin-bottom: 60px;
}

.expertise_card_title h5 a {
    font-size: var(--fs-card-heading);
    font-weight: var(--fw-medium);
    font-family: var(--font-helvetica);
    line-height: var(--lh-card);
    color: var(--color-banner-below);
    text-transform: uppercase;
    letter-spacing: 6px;
    text-decoration: none;
}

.expertise_card_title span {
    font-size: var(--fs-card-subheading);
    font-weight: var(--fw-regular);
    line-height: var(--lh-card);
    color: var(--color-subheading);
    margin-bottom: 5px;
    display: block;
    letter-spacing: 1px;
}

.expertise_card_title p {
    font-size: var(--fs-card-paragraph);
    font-family: var(--font-helvetica);
    font-weight: var(--fw-regular);
    color: var(--color-subheading-paragraph);
    letter-spacing: 1px;
    line-height: 20px;
}

.expe_card_picture {
    margin-bottom: 30px;
}

.expertise_head .button-global {
    text-align: center;
}

/* expertise section css end */

/* our essence css end */

/* services slider css start */

section.services_head .expertise_title {
    margin-bottom: 40px;
}

section.services_head {
    background: linear-gradient(355deg, rgb(255 255 255 / 34%) 0%, rgb(230 239 244 / 0%) 60%, rgb(210 230 240 / 62%) 100%);
}

.service_bdr {
    background-color: #E6EFF4;
}


@keyframes servicesSliderFadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }

    from {
        opacity: 0;
        transform: translateY(30px);
    }
}

/* Slide Content Layout */
.services_slider .slide-content {
    display: grid;
    grid-template-columns: 65% 35%;
    width: 100%;
    gap: 0;
    align-items: center;
}

/* Text Content - Left Side with Container */
.services_slider .text-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 30px 60px 30px 0px;
    padding-inline-start: 100px;
    background-color: #e6eff4;
    z-index: 1;
}

.services_slider .service-title {
    font-size: 40px;
    font-weight: var(--fw-regular);
    line-height: 28px;
    letter-spacing: 1px;
    color: var(--color-slider-heading);
    text-transform: uppercase;
    font-family: var(--font-futura);
    margin-bottom: 20px;
}

.services_slider .service-description {
    font-size: var(--fs-slider-paragraph);
    font-weight: var(--fw-regular);
    line-height: var(--lh-slider);
    margin-bottom: 25px;
    font-family: var(--font-futura);
    color: var(--color-slider-heading);
}

.services_slider .text-content a.learn-more img {
    width: 100%;
    max-width: 50px;
    transition: all 0.3s ease;
    transition: transform 0.3s ease;
}

/* Swiper Pagination */
.services_slider .swiper-pagination {
    bottom: 25px !important;
}

.services_slider .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: transparent;
    opacity: 0.3;
    transition: all 0.3s ease;
    border: 2px solid #9DBFD7;
}

.services_slider .swiper-pagination-bullet-active {
    background: #9DBFD7;
    opacity: 1;
}

.slide-content:after {
    position: absolute;
    content: "";
    height: calc(100% - 135px);
    width: calc(100% - 150px);
    border: 1px solid #C9C9CA;
    left: calc(50% + 75px);
    top: 50%;
    transform: translate(calc(-50% - 50px), -50%);
    pointer-events: none;
}

/* Swiper Navigation - Hidden */
.services_slider .swiper-button-prev,
.services_slider .swiper-button-next {
    display: none;
}

/* Responsive Design */
@media (max-width: 1024px) {

    .services_slider .text-content {
        padding: 40px 60px;
    }

    .services_slider .swiper-pagination {
        left: 60px !important;
    }
}

@media (max-width: 768px) {

    .services_slider .slide-content {
        grid-template-columns: 1fr;
    }

    .services_slider .image-content {
        height: 300px;
        order: -1;
    }

    .services_slider .text-content {
        padding: 30px 20px;
        margin-right: 0px;
    }

    .services_slider .service-title {
        font-size: 2rem;
        margin-bottom: 20px;
    }

    .services_slider .swiper-pagination {
        left: 0 !important;
    }
}

/* services slider css end */

/* client section css start */

.client_wrp {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 40px;
    row-gap: 80px;
    margin-bottom: 80px;
}

.client_inner img {
    max-width: 140px;
    aspect-ratio: 2 / 1;
    width: 100%;
    object-fit: contain;
}

/* client section css end */

/* spotlight css start */

.spotlight_slider .spotlight-section {
    padding: 80px 0;
    background-color: #b8b8b8;
}

.spotlight_slider .spotlight-title {
    font-size: 3rem;
    font-weight: 300;
    letter-spacing: 0.3em;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 60px;
}

.spotlight_arrow_slide {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 50px;
    margin-top: 35px;
}

.spotlight_slider .spotlight-caption {
    font-size: var(--fs-slider-spotlight-paragraph);
    font-weight: var(--fw-slider-spotlight-paragraph);
    line-height: 40px;
    color: var(--color-white);
    margin-top: 30px;
    text-align: center;
    font-family: var(--font-helvetica);
    letter-spacing: 2px;
}

.spotlight_slider .spotlight-button-prev,
.spotlight_slider .spotlight-button-next {
    cursor: pointer;
}

.spotlight_slider .spotlight-button-prev:after,
.spotlight_slider .spotlight-button-next:after {
    font-size: 40px;
    color: var(--color-white);
}

.spotlight_slider .spotlight-button-prev {
    left: 20px;
}

.spotlight_slider .spotlight-button-next {
    right: 20px;
}

.spotlight_slider .spotlight-button-prev::after,
.spotlight_slider .spotlight-button-next::after {
    content: '';
    width: 15px;
    height: 40px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.spotlight_slider .spotlight-button-prev::after {
    background-image: url('../images/spolight-left-arrow.png');
}

.spotlight_slider .spotlight-button-next::after {
    background-image: url('../images/spolight-right-arrow.png');
}

section.spotlight_main {
    background-color: #6D6E718C;
    padding: 60px 0 50px;
}

/* Responsive */
@media (max-width: 768px) {
    .spotlight_slider .spotlight-title {
        font-size: 2rem;
    }

    .spotlight_slider .spotlight-button-prev,
    .spotlight_slider .spotlight-button-next {
        width: 40px;
        height: 40px;
    }
}

@media screen and (min-width: 767px) {
    section.spotlight_main .expertise_title {
        margin-bottom: 50px;
        margin-left: calc(-7.5% - 20px);
    }
    section.client_head .expertise_title {
        margin-bottom: 90px;
    }
    section.client_head {
        padding: 0 0 80px;
    }
    .client_wrapper .button-global {
        text-align: center;
    }
    .spotlight_main .expertise_title h2 {
        font-size: var(--fs-slider-spotlight-heading);
        font-weight: var(--fw-slider-spotlight-heading);
        line-height: var(--lh-slider-spotlight-heading);
        color: var(--color-white);
        letter-spacing: 6px;
        text-transform: uppercase;
        text-align: center;
    }
    section.spotlight_main .container {
        max-width: 92.5%;
        margin: 0 0 0 auto;
    }
    .want_work_head .container {
        margin: 0 50px 0 auto;
        max-width: calc(92.5% - 50px);
    }
}

/* spotlight css end */

/* want to work css start */

.want_work_wrapper .connect_wrap_inner {
    display: grid;
    justify-content: center;
    align-items: center;
    column-gap: 100px;
    grid-template-columns: calc(60% - 100px) 40%;
}

.want_work_wrapper .connect_btn .button-global a {
    display: inline-flex;
    column-gap: 10px;
    padding: 5px 50px;
}

.want_work_wrapper .connect_btn a img {
    max-width: 14px;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.want_work_wrapper .connect_btn a:hover img {
    transform: translateX(4px);
}

.lets_connect_text h4 {
    font-size: var(--fs-want-to-work);
    line-height: var(--lh-want-to-work);
    font-weight: var(--fw-want-to-work);
    color: #C9C9CA;
    margin-bottom: 20px;
    font-family: var(--font-helvetica);
}

.lets_connect_text h3 {
    font-size: var(--fs-lets-connect);
    line-height: var(--lh-lets-connect);
    font-weight: var(--fw-lets-connect);
    color: #686868;
    margin-bottom: 30px;
    font-family: var(--font-helvetica);
}

.lets_connect_text p {
    font-size: var(--fs-paragraph);
    line-height: var(--lh-paragraph);
    font-weight: var(--fw-paragraph);
    color: var(--color-slider-heading);
    margin-bottom: 30px;
}

/* want to work css end */