/*
Theme Name: Nfc
Theme URI: https://example.com/
Description: Child theme for Hello Elementor
Author: Ideafueled
Template: hello-elementor
Version: 1.0
*/

div#home_image_pos {
position: relative;
}

#y-axis-scroll {
scroll-behavior: smooth;
}

.pos_relative {
max-width: 600px !important;
width: 600px;
height: 100%;
display: block !important;
position: absolute !important;
z-index: 1;
border-radius: 8px;
overflow: hidden;
-webkit-box-shadow: 0 30px 60px -12px rgba(0, 0, 0, .25);
box-shadow: 0 30px 60px -12px rgba(0, 0, 0, .25);
display: none;
}

div#home_image_pos {
position: relative;
}

#home_image_pos > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}

.height_adjust {
height: 24px;
}
.adjust_image_box .elementor-image-box-content p {
margin: 0;
}
div#icon_size svg {
transform: scale(2.7);   
transition: all ease .6s;
}
div#icon_size:hover svg {
transform: scale(3);
}
.set_margin h3 {
margin: 0px;
}


.on_hover_arrow .elementor-button-icon svg {
transition: transform 0.4s ease;
}

.on_hover_arrow a:hover .elementor-button-icon svg {
transform: translateX(4px) scale(1.05);
}
.grid_display >.elementor-image-box-wrapper {
display: grid !important;
grid-template-columns: 80px 1fr;
gap: 10px;
}

.grid_display >.elementor-image-box-wrapper img {
object-fit: cover;
border: 3px solid hsl(0deg 0% 100% / 95%);
border-radius: 100px;
}

#list_col_2 ul {
display: grid !important;
grid-template-columns: repeat(2, 1fr);
column-gap: 20px;
}


#y-axis-scroll {
height: 340px; /* full screen */
overflow-y: auto;
scroll-behavior: smooth;
}

#y-axis-scroll > .e-con {
min-height: auto; /* each card full screen */
display: flex;
align-items: center;
}

#y-axis-scroll {
height: auto;
overflow-y: auto;
scroll-behavior: smooth;    
}

/* Chrome, Edge, Safari */
#y-axis-scroll::-webkit-scrollbar {
width: 8px;
}

#y-axis-scroll::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 10px;
}

#y-axis-scroll::-webkit-scrollbar-thumb {
background: linear-gradient(180deg, #edb32b9e, #edb32b);
border-radius: 10px;
}


#y-axis-scroll {
direction: rtl;
height: 400px;
overflow-y: auto;
padding-left: 12px; /* 👈 space from left scrollbar */
}

#y-axis-scroll {
overflow-y: auto !important;
max-height: 400px;
}

/* Keep content normal */
#y-axis-scroll > .e-con {
direction: ltr;
}











/* Slider Section Css */
.rp-section {
background: transparent;
display: flex;
align-items: center;
gap: 0;
overflow: hidden;
min-height: 460px;
position: relative;
}

/* subtle dot texture overlay */
.rp-section::before {
content: '';
position: absolute;
inset: 0;
background-image: radial-gradient(circle, rgba(255,255,255,0.04) 1px, transparent 1px);
background-size: 28px 28px;
pointer-events: none;
z-index: 0;
}

/* ── Slider track ─────────────────────────────── */
.rp-slider-wrap {
flex: 0 0 62%;
overflow: hidden;
position: relative;
z-index: 1;
padding: 48px 0 48px 0;
}



.rp-track {
display: flex;
gap: 20px;
transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
will-change: transform;
}

/* ── Cards ─────────────────────────────────────── */
.rp-card {
    position: relative;
    width: 280px;
    min-width: 280px;
    height: 360px;
    border-radius: 8px;
    overflow: hidden;
    flex-shrink: 0;
    cursor: pointer;
    box-shadow: 0 8px 32px rgba(0,0,0,0.35);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.rp-card:hover {
transform: translateY(-4px);
box-shadow: 0 16px 40px rgba(0,0,0,0.45);
}

.rp-card img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.4s ease;
}

.rp-card:hover img { transform: scale(1.04); }

.rp-card-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg,rgba(0,0,0,.75) 0%,rgba(0,0,0,0) 50%);
}

.rp-card-body {
position: absolute;
bottom: 0; left: 0; right: 0;
padding: 18px 48px 18px 18px;
}

.rp-card-title {
    color: #fff;   
    font-size: 17px;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 5px;
}

.rp-card-tags {
color: rgba(255,255,255,0.65);
font-size: 13px;
font-weight: 600;
}

.rp-card-plus {
    position: absolute;
    bottom: 58px;
    right: 16px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.65);
    display: flex;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    line-height: 1;
    transition: background 0.2s, border-color 0.2s;
}

.rp-card:hover .rp-card-plus {
background: rgba(255,255,255,0.18);
border-color: #fff;
}


.rp-slider-wrap::after {
content: '';
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 80px;
background: linear-gradient(to left, #122b75, transparent);
z-index: 2;
pointer-events: none;
}

/* ── Text panel ──────────────────────────────── */
.rp-text {
flex: 1;
padding: 48px 48px 48px 40px;
position: relative;
z-index: 1;
}

.rp-eyebrow {
color: #f5a623;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
margin-bottom: 14px;
}

.rp-heading {
color: #fff;
font-size: 44px;
font-weight: 900;
line-height: 1.1;
margin-bottom: 40px;
}

.rp-actions {
display: flex;
align-items: center;
gap: 28px;
}

div#rpDots {
display: none;
}

.rp-btn {
    color: #fff;
    border: 2.5px solid rgba(255,255,255,0.75);
    border-radius: 999px;
    padding: 12px 32px; 
    font-size: 16px;
    font-weight: 700;
    background: transparent;
    cursor: pointer;
    transition: background 0.18s, border-color 0.18s;
    white-space: nowrap;
}

.rp-btn:hover {
    background: #5784e1;
    border-color: #5784e1;
    color: #fff;
}

.rp-nav {
display: flex;
align-items: center;
gap: 18px;
}

.rp-nav-btn {
background: transparent;
border: none;
color: rgba(255,255,255,0.7);
font-size: 28px;
cursor: pointer;
padding: 0;
line-height: 1;
transition: color 0.18s, transform 0.15s;
}

.rp-nav-btn:hover { color: #fff; transform: scale(1.15); }
.rp-nav-btn:disabled { color: rgba(255,255,255,0.25); cursor: default; transform: none; }

/* ── Dots ─────────────────────────────────────── */
.rp-dots {
display: flex;
gap: 8px;
margin-top: 28px;
}

.rp-dot {
width: 8px; height: 8px;
border-radius: 50%;
background: rgba(255,255,255,0.3);
border: none;
cursor: pointer;
padding: 0;
transition: background 0.2s, transform 0.2s;
}

.rp-dot.active {
background: #fff;
transform: scale(1.25);
}

.ehf-header #masthead {
    z-index: 99999999;
    position: sticky;
    top: 0;
    background: #fff;
}

button#rpPrev {
    padding: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}
button#rpNext {
    padding: 0px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 880px) {
.rp-section { flex-direction: column; }
.rp-slider-wrap { flex: none; width: 100%; padding: 40px 0 24px 0; }
.rp-text { padding: 24px 24px 40px; }
.rp-heading { font-size: 34px; }
}