.elementor-1091 .elementor-element.elementor-element-46d9960:not(.elementor-motion-effects-element-type-background), .elementor-1091 .elementor-element.elementor-element-46d9960 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#01023E;}.elementor-1091 .elementor-element.elementor-element-46d9960 > .elementor-container{max-width:722px;}.elementor-1091 .elementor-element.elementor-element-46d9960{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1091 .elementor-element.elementor-element-46d9960 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1091 .elementor-element.elementor-element-976af94 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1091 .elementor-element.elementor-element-89bb51e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;padding:0px 0px 0px 0px;font-family:"Assistant", Sans-serif;font-size:14px;font-weight:400;color:#D6D6D6;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1091 .elementor-element.elementor-element-1d4cf68 .elementor-button{background-color:#61CE7000;font-family:"Assistant", Sans-serif;font-size:13px;font-weight:600;line-height:4em;fill:#000000;color:#000000;padding:0px 0px 0px 0px;}.elementor-1091 .elementor-element.elementor-element-1d4cf68{width:var( --container-widget-width, 188px );max-width:188px;--container-widget-width:188px;--container-widget-flex-grow:0;z-index:0;}.elementor-1091 .elementor-element.elementor-element-1d4cf68 .elementor-button-content-wrapper{flex-direction:row;}.elementor-1091 .elementor-element.elementor-element-ce8c96f:not(.elementor-motion-effects-element-type-background), .elementor-1091 .elementor-element.elementor-element-ce8c96f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#01023E;}.elementor-1091 .elementor-element.elementor-element-ce8c96f > .elementor-container{max-width:722px;}.elementor-1091 .elementor-element.elementor-element-ce8c96f{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:20px 0px 20px 0px;}.elementor-1091 .elementor-element.elementor-element-ce8c96f > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1091 .elementor-element.elementor-element-b8b2b0a > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-1091 .elementor-element.elementor-element-d4a2f94{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;padding:0px 0px 0px 0px;font-family:"Assistant", Sans-serif;font-size:14px;font-weight:400;color:#D6D6D6;}.elementor-1091 .elementor-element.elementor-element-5ed8d12 .elementor-button{background-color:#61CE7000;font-family:"Assistant", Sans-serif;font-size:13px;font-weight:600;line-height:4em;fill:#000000;color:#000000;padding:0px 0px 0px 0px;}.elementor-1091 .elementor-element.elementor-element-5ed8d12{width:var( --container-widget-width, 188px );max-width:188px;--container-widget-width:188px;--container-widget-flex-grow:0;z-index:0;}.elementor-1091 .elementor-element.elementor-element-5ed8d12 .elementor-button-content-wrapper{flex-direction:row;}@media(max-width:767px){.elementor-1091 .elementor-element.elementor-element-89bb51e{padding:0px 0px 0px 0px;}.elementor-1091 .elementor-element.elementor-element-1d4cf68{padding:0px 10px 2px 10px;--container-widget-width:168px;--container-widget-flex-grow:0;width:var( --container-widget-width, 168px );max-width:168px;}.elementor-1091 .elementor-element.elementor-element-1d4cf68 .elementor-button{line-height:3em;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1091 .elementor-element.elementor-element-d4a2f94{padding:0px 0px 0px 0px;}.elementor-1091 .elementor-element.elementor-element-5ed8d12{padding:0px 10px 2px 10px;--container-widget-width:168px;--container-widget-flex-grow:0;width:var( --container-widget-width, 168px );max-width:168px;}.elementor-1091 .elementor-element.elementor-element-5ed8d12 .elementor-button{line-height:3em;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for text-editor, class: .elementor-element-89bb51e */.elementor-1091 .elementor-element.elementor-element-89bb51e{
    direction: rtl !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-1d4cf68 *//*
 * Selector: זה יכול להיות .elementor-button, או .elementor-1091 .elementor-element.elementor-element-1d4cf68 ספציפי
 * יותר אם משתמשים ב-Custom CSS של הווידג'ט עצמו (כמו '.elementor-1091 .elementor-element.elementor-element-1d4cf68').
 */
.elementor-1091 .elementor-element.elementor-element-1d4cf68 {
    /* מיקום יחסי כדי לאפשר מיקום מדויק של ה-outline */
    position: relative; 
    
    /* הסרת רקע וגבולות ברירת מחדל של אלמנטור */
    background: none !important;
    border: none !important;
    
    /* צבע טקסט לבן */
    color: #FFFFFF !important; 
    
    /* עובי גופן (מומלץ 600 או 700) */
    font-weight: 700; 

    /* פדינג פנימי - ייתכן שתצטרך להתאים אותו ידנית באלמנטור */
    padding: 15px 30px; /* דוגמה לפדינג */

    /* ביטול פינות מעוגלות על הכפתור עצמו, 
       כי הפינות המעוגלות יהיו על ה-::before (הרקע) */
    border-radius: 0; 
    
    /* מעבר חלק בין מצבים */
    transition: all 0.3s ease;

    /* חשוב: מבטל את ה-skew על הסלקטור הראשי
             כי ה-skew ייושם על ה-::before */
    transform: none; 
}

/* אלמנט פסאודו ::before עבור הרקע הראשי של הכפתור (גרדיאנט + skew) */
.elementor-1091 .elementor-element.elementor-element-1d4cf68::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* מתחת לטקסט */
    
    /* 🎨 רקע גרדיאנט */
    background: linear-gradient(to right, #2AF5FF 0%, #A933FF 100%);
    
    /* ✂️ הטיה (Skew) דרמטית - 45 מעלות לפי בקשתך */
    transform: skewX(-15deg); 
    
    /* פינות מעוגלות לכפתור המוטה */
    border-radius: 16px; /* ערך משוער */

    /* לוודא שה-::before לא יקבל גבול משלו */
    border: none;
    
    /* מעבר חלק */
    transition: all 0.3s ease;
}

/* אלמנט פסאודו ::after עבור ה"מסגרת" או "קו המתאר" (outline) החיצוני */
.elementor-1091 .elementor-element.elementor-element-1d4cf68::after {
    content: '';
    position: absolute;
    top: -2px;    /* מתאים את מיקום המסגרת מעט מחוץ לכפתור */
    left: -2px;
    width: calc(100% + 4px);  /* גדול יותר מהכפתור כדי ליצור מסגרת */
    height: calc(100% + 4px);
    z-index: -2; /* מתחת לרקע */
    
    /* 🎨 רקע גרדיאנט עבור המסגרת */
    background: linear-gradient(to right, #2AF5FF 0%, #A933FF 100%);
    
    /* ✂️ הטיה (Skew) כמו הרקע */
    transform: skewX(-15deg);
    
    /* פינות מעוגלות כמו הרקע */
    border-radius: 16px; 
    
    /* הגדרות עבור המסגרת עצמה (שקופה באמצע) */
    /* זה יוצר "חור" באמצע הגרדיאנט, ורק הקצוות נשארים */
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: exclude;
    
    /* עובי המסגרת, תלוי בגודל ה-top/left וה-width/height */
    padding: 2px; /* זה יוצר את עובי המסגרת בפועל */

    /* מעבר חלק */
    transition: all 0.3s ease;
}


/* 🖱️ אפקט ריחוף (Hover Effect) על הכפתור */
.elementor-1091 .elementor-element.elementor-element-1d4cf68:hover::before {
    opacity: 0.9;
    /* ניתן להוסיף כאן אפקט ריחוף לרקע אם רוצים */
}

.elementor-1091 .elementor-element.elementor-element-1d4cf68:hover::after {
    opacity: 0.8; /* עמעום קל של המסגרת בריחוף */
    /* ניתן גם לשנות את הגרדיאנט או את ה-skew מעט */
}

/* 📝 סגנון הטקסט של הכפתור */
.elementor-1091 .elementor-element.elementor-element-1d4cf68 .elementor-button-text,
.elementor-1091 .elementor-element.elementor-element-1d4cf68 .elementor-button-icon {
    /* לוודא שהטקסט לא מושפע מה-skew של הרקע ויישאר ישר */
    /* אם הכפתור מוטה על ידי ה-::before, הטקסט בפנים לא צריך לבטל skew */
    /* רק וודא שהוא ממוקם היטב */
    color: #000; 
    position: relative; /* לוודא שהטקסט מעל הרקע */
    line-height: 1.2em;
    z-index: 1;
    font-size: 13px;
}















/*
 * עדכון: גלייר מוכל (Contained) עם אנימציה איטית וחלקה יותר.
 * משתמש ב-Background Animation כדי להבטיח שהברק לא יצא החוצה.
 */

/* --- הגדרות הקונטיינר --- */
.elementor-1091 .elementor-element.elementor-element-1d4cf68 {
    /* איפוסים */
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 15px 40px;
    position: relative;
    z-index: 1;
    
    /* חשוב: כאן אנחנו משאירים visible כדי שהצללית החיצונית תוכל לצאת */
    overflow: visible; 
    
    /* הגדרות טקסט */
    color: #000000 !important;
    font-weight: 700;
    transform: none !important; /* ביטול עיוות על הטקסט */
}

/* ביטול רקעים בהובר של אלמנטור */
.elementor-1091 .elementor-element.elementor-element-1d4cf68:hover, .elementor-1091 .elementor-element.elementor-element-1d4cf68:focus, .elementor-1091 .elementor-element.elementor-element-1d4cf68:active {
    background: transparent !important;
    color: #000000 !important;
}

/* --- האלמנט הראשי: מכיל גם את הצבע וגם את הברק --- */
.elementor-1091 .elementor-element.elementor-element-1d4cf68::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    /* 🎨 שכבות הרקע:
       1. שכבה עליונה: הברק (פס לבן שקוף ורחב יותר למעבר חלק).
       2. שכבה תחתונה: הגרדיאנט הצבעוני.
    */
    background-image: 
        /* שכבה 1: הברק - ריככתי מעט את השוליים שלו */
        linear-gradient(110deg, transparent 30%, rgba(255, 255, 255, 0.5) 50%, transparent 70%),
        /* שכבה 2: הצבע */
        linear-gradient(90deg, #2AF5FF 0%, #A933FF 100%);
        
    /* גודל הרקע:
       הברק (200%) - כדי שיהיה לו מקום לזוז.
       הצבע (100%) - כדי שיכסה בדיוק את הכפתור.
    */
    background-size: 200% 100%, 100% 100%;
    
    /* מיקום התחלתי */
    background-position: 150% 0, 0 0; 
    background-repeat: no-repeat;
    
    /* עיצוב הצורה */
    transform: skewX(-15deg);
    border-radius: 12px;
    
    z-index: -1;
    
    /* אנימציה וצלליות */
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    
    /* שינוי: הארכתי ל-6 שניות ושיניתי את עקומת הזמן (easing) 
       לתנועה יותר "טבעית" שמתחילה לאט, מאיצה מעט ומאיטה בסוף 
    */
    animation: bg-glare-shine 6s infinite cubic-bezier(0.45, 0, 0.55, 1);
}

/* אין צורך ב-.elementor-1091 .elementor-element.elementor-element-1d4cf68::after יותר */
.elementor-1091 .elementor-element.elementor-element-1d4cf68::after {
    display: none;
}

/* --- האנימציה המעודכנת (איטית יותר) --- */
@keyframes bg-glare-shine {
    0% {
        /* הברק מתחיל מחוץ לכפתור משמאל */
        background-position: -150% 0, 0 0;
    }
    
    /* שינוי: במקום לסיים ב-20%, האנימציה מסיימת את המעבר ב-35%.
       זה אומר שהתנועה לוקחת כ-2.1 שניות במקום שנייה אחת.
    */
    35% {
        /* הברק עובר לצד ימין */
        background-position: 250% 0, 0 0;
    }
    
    100% {
        /* הפסקה ארוכה עד לסיבוב הבא */
        background-position: 250% 0, 0 0;
    }
}

/* --- מצב ריחוף (Hover) --- */
.elementor-1091 .elementor-element.elementor-element-1d4cf68:hover {
    transform: scale(1.05);
}

.elementor-1091 .elementor-element.elementor-element-1d4cf68:hover::before {
    /* צללית חיצונית זוהרת */
    box-shadow: 0 0 25px rgba(42, 245, 255, 0.6);
}

/* וידוא שהטקסט מעל הכל */
.elementor-1091 .elementor-element.elementor-element-1d4cf68 .elementor-button-content-wrapper,
.elementor-1091 .elementor-element.elementor-element-1d4cf68 .elementor-button-text {
    position: relative;
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d4a2f94 */.elementor-1091 .elementor-element.elementor-element-d4a2f94{
    direction: rtl !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5ed8d12 *//*
 * Selector: זה יכול להיות .elementor-button, או .elementor-1091 .elementor-element.elementor-element-5ed8d12 ספציפי
 * יותר אם משתמשים ב-Custom CSS של הווידג'ט עצמו (כמו '.elementor-1091 .elementor-element.elementor-element-5ed8d12').
 */
.elementor-1091 .elementor-element.elementor-element-5ed8d12 {
    /* מיקום יחסי כדי לאפשר מיקום מדויק של ה-outline */
    position: relative; 
    
    /* הסרת רקע וגבולות ברירת מחדל של אלמנטור */
    background: none !important;
    border: none !important;
    
    /* צבע טקסט לבן */
    color: #FFFFFF !important; 
    
    /* עובי גופן (מומלץ 600 או 700) */
    font-weight: 700; 

    /* פדינג פנימי - ייתכן שתצטרך להתאים אותו ידנית באלמנטור */
    padding: 15px 30px; /* דוגמה לפדינג */

    /* ביטול פינות מעוגלות על הכפתור עצמו, 
       כי הפינות המעוגלות יהיו על ה-::before (הרקע) */
    border-radius: 0; 
    
    /* מעבר חלק בין מצבים */
    transition: all 0.3s ease;

    /* חשוב: מבטל את ה-skew על הסלקטור הראשי
             כי ה-skew ייושם על ה-::before */
    transform: none; 
}

/* אלמנט פסאודו ::before עבור הרקע הראשי של הכפתור (גרדיאנט + skew) */
.elementor-1091 .elementor-element.elementor-element-5ed8d12::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* מתחת לטקסט */
    
    /* 🎨 רקע גרדיאנט */
    background: linear-gradient(to right, #2AF5FF 0%, #A933FF 100%);
    
    /* ✂️ הטיה (Skew) דרמטית - 45 מעלות לפי בקשתך */
    transform: skewX(-15deg); 
    
    /* פינות מעוגלות לכפתור המוטה */
    border-radius: 16px; /* ערך משוער */

    /* לוודא שה-::before לא יקבל גבול משלו */
    border: none;
    
    /* מעבר חלק */
    transition: all 0.3s ease;
}

/* אלמנט פסאודו ::after עבור ה"מסגרת" או "קו המתאר" (outline) החיצוני */
.elementor-1091 .elementor-element.elementor-element-5ed8d12::after {
    content: '';
    position: absolute;
    top: -2px;    /* מתאים את מיקום המסגרת מעט מחוץ לכפתור */
    left: -2px;
    width: calc(100% + 4px);  /* גדול יותר מהכפתור כדי ליצור מסגרת */
    height: calc(100% + 4px);
    z-index: -2; /* מתחת לרקע */
    
    /* 🎨 רקע גרדיאנט עבור המסגרת */
    background: linear-gradient(to right, #2AF5FF 0%, #A933FF 100%);
    
    /* ✂️ הטיה (Skew) כמו הרקע */
    transform: skewX(-15deg);
    
    /* פינות מעוגלות כמו הרקע */
    border-radius: 16px; 
    
    /* הגדרות עבור המסגרת עצמה (שקופה באמצע) */
    /* זה יוצר "חור" באמצע הגרדיאנט, ורק הקצוות נשארים */
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: exclude;
    
    /* עובי המסגרת, תלוי בגודל ה-top/left וה-width/height */
    padding: 2px; /* זה יוצר את עובי המסגרת בפועל */

    /* מעבר חלק */
    transition: all 0.3s ease;
}


/* 🖱️ אפקט ריחוף (Hover Effect) על הכפתור */
.elementor-1091 .elementor-element.elementor-element-5ed8d12:hover::before {
    opacity: 0.9;
    /* ניתן להוסיף כאן אפקט ריחוף לרקע אם רוצים */
}

.elementor-1091 .elementor-element.elementor-element-5ed8d12:hover::after {
    opacity: 0.8; /* עמעום קל של המסגרת בריחוף */
    /* ניתן גם לשנות את הגרדיאנט או את ה-skew מעט */
}

/* 📝 סגנון הטקסט של הכפתור */
.elementor-1091 .elementor-element.elementor-element-5ed8d12 .elementor-button-text,
.elementor-1091 .elementor-element.elementor-element-5ed8d12 .elementor-button-icon {
    /* לוודא שהטקסט לא מושפע מה-skew של הרקע ויישאר ישר */
    /* אם הכפתור מוטה על ידי ה-::before, הטקסט בפנים לא צריך לבטל skew */
    /* רק וודא שהוא ממוקם היטב */
    color: #000; 
    position: relative; /* לוודא שהטקסט מעל הרקע */
    line-height: 1.2em;
    z-index: 1;
    font-size: 13px;
}















/*
 * עדכון: גלייר מוכל (Contained) עם אנימציה איטית וחלקה יותר.
 * משתמש ב-Background Animation כדי להבטיח שהברק לא יצא החוצה.
 */

/* --- הגדרות הקונטיינר --- */
.elementor-1091 .elementor-element.elementor-element-5ed8d12 {
    /* איפוסים */
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 15px 40px;
    position: relative;
    z-index: 1;
    
    /* חשוב: כאן אנחנו משאירים visible כדי שהצללית החיצונית תוכל לצאת */
    overflow: visible; 
    
    /* הגדרות טקסט */
    color: #000000 !important;
    font-weight: 700;
    transform: none !important; /* ביטול עיוות על הטקסט */
}

/* ביטול רקעים בהובר של אלמנטור */
.elementor-1091 .elementor-element.elementor-element-5ed8d12:hover, .elementor-1091 .elementor-element.elementor-element-5ed8d12:focus, .elementor-1091 .elementor-element.elementor-element-5ed8d12:active {
    background: transparent !important;
    color: #000000 !important;
}

/* --- האלמנט הראשי: מכיל גם את הצבע וגם את הברק --- */
.elementor-1091 .elementor-element.elementor-element-5ed8d12::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    /* 🎨 שכבות הרקע:
       1. שכבה עליונה: הברק (פס לבן שקוף ורחב יותר למעבר חלק).
       2. שכבה תחתונה: הגרדיאנט הצבעוני.
    */
    background-image: 
        /* שכבה 1: הברק - ריככתי מעט את השוליים שלו */
        linear-gradient(110deg, transparent 30%, rgba(255, 255, 255, 0.5) 50%, transparent 70%),
        /* שכבה 2: הצבע */
        linear-gradient(90deg, #2AF5FF 0%, #A933FF 100%);
        
    /* גודל הרקע:
       הברק (200%) - כדי שיהיה לו מקום לזוז.
       הצבע (100%) - כדי שיכסה בדיוק את הכפתור.
    */
    background-size: 200% 100%, 100% 100%;
    
    /* מיקום התחלתי */
    background-position: 150% 0, 0 0; 
    background-repeat: no-repeat;
    
    /* עיצוב הצורה */
    transform: skewX(-15deg);
    border-radius: 12px;
    
    z-index: -1;
    
    /* אנימציה וצלליות */
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    
    /* שינוי: הארכתי ל-6 שניות ושיניתי את עקומת הזמן (easing) 
       לתנועה יותר "טבעית" שמתחילה לאט, מאיצה מעט ומאיטה בסוף 
    */
    animation: bg-glare-shine 6s infinite cubic-bezier(0.45, 0, 0.55, 1);
}

/* אין צורך ב-.elementor-1091 .elementor-element.elementor-element-5ed8d12::after יותר */
.elementor-1091 .elementor-element.elementor-element-5ed8d12::after {
    display: none;
}

/* --- האנימציה המעודכנת (איטית יותר) --- */
@keyframes bg-glare-shine {
    0% {
        /* הברק מתחיל מחוץ לכפתור משמאל */
        background-position: -150% 0, 0 0;
    }
    
    /* שינוי: במקום לסיים ב-20%, האנימציה מסיימת את המעבר ב-35%.
       זה אומר שהתנועה לוקחת כ-2.1 שניות במקום שנייה אחת.
    */
    35% {
        /* הברק עובר לצד ימין */
        background-position: 250% 0, 0 0;
    }
    
    100% {
        /* הפסקה ארוכה עד לסיבוב הבא */
        background-position: 250% 0, 0 0;
    }
}

/* --- מצב ריחוף (Hover) --- */
.elementor-1091 .elementor-element.elementor-element-5ed8d12:hover {
    transform: scale(1.05);
}

.elementor-1091 .elementor-element.elementor-element-5ed8d12:hover::before {
    /* צללית חיצונית זוהרת */
    box-shadow: 0 0 25px rgba(42, 245, 255, 0.6);
}

/* וידוא שהטקסט מעל הכל */
.elementor-1091 .elementor-element.elementor-element-5ed8d12 .elementor-button-content-wrapper,
.elementor-1091 .elementor-element.elementor-element-5ed8d12 .elementor-button-text {
    position: relative;
    z-index: 10;
}/* End custom CSS */