.gdrfa-sticky-bar {
    position: fixed;
    bottom: 0;
    z-index: 1;
    max-width: -webkit-fill-available;
    width: 100%;
    display: flex;
    height: 64px;
    padding: 0px var(--padding-padding-xxl, 32px);
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    background: var(--surface-surface, #fff);
    box-shadow: 0px -4px 20px 0px rgba(0, 0, 0, 0.16);

    left: 0px;
    transform: translateY(0px);
}

.gdrfa-sticky-bar-content {
    display: flex;
    height: 64px;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    align-self: stretch;
}

.gdrfa-sticky-bar-left-side {
    display: flex;
    padding: 8px 0px;
    align-items: center;
    align-self: stretch;
}

.gdrfa-sticky-bar-right-side {
    display: flex;
    padding: 8px 0px;
    justify-content: flex-end;
    align-items: center;
    align-self: stretch;
}

.gdrfa-sticky-bar-bordered {
    background-color: unset;
    border: unset;
    border-inline-end: 1px solid var(--surface-outline, #e4e2e6) !important;
    padding-inline-end: 16px;
    height: 40px;
    align-content: center;
    border-radius: unset;
}

.gdrfa-sticky-bar-gap {
    padding-inline-start: 16px;
}

.gdrfa-sticky-bar-04-wrapper {
    display: flex;
    width: 32px;
    height: 32px;
    padding: 3.094px 1.335px;
    justify-content: center;
    align-items: center;
}

.gdrfa-sticky-bar-link {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--6px, 6px);
    align-content: center;
    flex-wrap: wrap;
}


.gdrfa-sticky-bar-link-Container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--gap-gap-xs, 4px);
    align-self: stretch;
    border-radius: var(--radius-sm, 12px);
    height: 24px;
}

.gdrfa-sticky-bar-link-Container .primary-text {
    color: var(--text-body, #A7382B);
    font-size: var(--font-size-body, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-body, 24px);
    /* 150% */
}

.gdrfa-sticky-bar-link-Container .links-text {
    color: var(--surface-on-surface, #000);
    font-size: var(--font-size-body, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-body, 24px);
    /* 150% */
}




  /* Fixed popup size */
   #chat-popup-content.fancybox-content  {
width: 424px !important;
    min-height: 250px !important;
    height: fit-content !important;

	position: fixed !important;
  inset-block-end: 67px; /* distance from bottom stickybar height */
  inset-inline-end: var(--padding-padding-xxl, 32px); /* distance from right*/

padding: var(--padding-padding-xl, 24px);

border-radius: var(--radius-md, 16px);
border: 1px solid var(--surface-outline, #E4E2E6);
background: var(--surface-surface, #FFF);

/* elevation/3 */
box-shadow: 0 8px 24px 0 var(--opacity-on-surface-opacity12, rgba(0, 0, 0, 0.12));
    }
    
    body.rtl    #chat-popup-content.fancybox-content  {
    	  inset-inline-start: var(--padding-padding-xxl, 32px); /* distance from left*/
    	    inset-inline-end: unset;

    }
    
    .chat-content {
    	display:flex;
    	flex-direction: column;
align-items: center;
gap: var(--gap-gap-xl, 24px);
justify-content: center;

    }

.popup-icon{
	display: flex;
width: 96px;
height: 96px;
padding: 20.571px;
justify-content: center;
align-items: center;
border-radius: 341.333px;
border: 1.714px solid var(--surface-outline, #E4E2E6);
background: var(--surface-surface, #FFF);

/* elevation/2 */
box-shadow: 0 4px 12px 0 var(--opacity-on-surface-opacity12, rgba(0, 0, 0, 0.12));
}


 #chat-popup-content.fancybox-content button.fancybox-button.fancybox-close-small {
    border: 0;
    position: absolute;
    right: 18px;
    top: 18px;
    padding: 0;
    width: 24px;
    height: 24px;
}


.chat-content-title {
	color: var(--surface-on-surface, #000);
text-align: center;

/* H4/Regular */
font-family: var(--font-family, Dubai);
font-size: var(--font-size-h4, 28px);
font-style: normal;
font-weight: 400;
line-height: var(--line-height-h4, 32px); /* 114.286% */
}

.popup-actions{
	display: flex;
justify-content: center;
align-items: center;
gap: var(--gap-gap-lg, 16px);
align-self: stretch;
    flex-wrap: wrap;
}

.popup-actions .gdrfa-button-wrapper {
  flex: 1 1 calc(50% - var(--gap-gap-lg, 16px));
}

.popup-actions .gdrfa-button-wrapper:only-child {
  flex: 1 1 100%;
}
/*
.popup-actions .gdrfa-button-wrapper .gdrfa-button-Container{
	    width: -webkit-fill-available;
    justify-content: center;
}*/

/* LG */
@media (min-width: 769px) and (max-width: 1024px) {
    .gdrfa-sticky-bar {
        display: flex;
        width: 100%;
        height: 48px;
        padding: 0px var(--padding-padding-xxl, 32px) 32px var(--padding-padding-xxl, 32px);
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: unset;
        box-shadow: unset;

    }

    .gdrfa-sticky-bar-content {
        height: 48px;
    }

    .gdrfa-sticky-bar-left-side,
    .gdrfa-sticky-bar-right-side {
        gap: 16px;
        padding: 0;
    }

    .gdrfa-sticky-bar-icon-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        border-inline-end: unset !important;
        padding-inline-end: 0;
        padding-inline-start: 0;
        border-radius: var(--Roundness-Full-Inside, 128px);
    }

    .gdrfa-sticky-bar-icon-btn-Container {
        display: flex;
        width: 48px;
        height: 48px;
        justify-content: center;
        align-items: center;
        border-radius: var(--radius-pill, 999px);
        background: var(--surface-surface, #FFF);
        padding: 0;

        /* elevation/3 */
        box-shadow: 0px 8px 24px 0px var(--opacity-on-surface-opacity12, rgba(0, 0, 0, 0.12));
    }
    
        
     #chat-popup-content.fancybox-content,
     body.rtl  #chat-popup-content.fancybox-content {
    	position: relative !important;
    inset-block-end: 0;
    inset-inline: 0;
    }

}

/* MD */
@media (min-width: 641px) and (max-width: 768px) {
    .gdrfa-sticky-bar {
        display: flex;
        width: 100%;
        height: 48px;
        padding: 0px var(--padding-padding-xxl, 24px) 32px var(--padding-padding-xxl, 24px);
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: unset;
        box-shadow: unset;

    }

    .gdrfa-sticky-bar-content {
        height: 48px;
    }

    .gdrfa-sticky-bar-left-side,
    .gdrfa-sticky-bar-right-side {
        gap: 16px;
        padding: 0;
    }

    .gdrfa-sticky-bar-icon-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        border-inline-end: unset !important;
        padding-inline-end: 0;
        padding-inline-start: 0;
        border-radius: var(--Roundness-Full-Inside, 128px);
        height: 48px;
        z-index: 1;
    }

    .gdrfa-sticky-bar-icon-btn-Container {
        display: flex;
        width: 48px;
        height: 48px;
        justify-content: center;
        align-items: center;
        border-radius: var(--radius-pill, 999px);
        background: var(--surface-surface, #FFF);
        padding: 0;

        /* elevation/3 */
        box-shadow: 0px 8px 24px 0px var(--opacity-on-surface-opacity12, rgba(0, 0, 0, 0.12));
    }

    .gdrfa-sticky-bar-mobile-Container {
        display: none;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 10px;

    }

    .gdrfa-sticky-bar-mobile-list {

        border-radius: 120px;
        background: var(--surface-surface, #FFF);
        position: absolute;
        left: -12px;
        top: -390.176px;
        width: 72px;
        height: 450px;
    }

    .gdrfa-sticky-bar-mobile-list-Container {
        display: none;
        padding: 12px 12px 70px 12px;
        flex-direction: column;
        align-items: center;
        gap: 8px;
        position: absolute;
        border-radius: 158px;
        inset-inline-end: 20px;
        transform: translateY(-44%);
        background-color: var(--bg-body);
    }
    
        
     #chat-popup-content.fancybox-content,
     body.rtl  #chat-popup-content.fancybox-content {
    	position: relative !important;
    inset-block-end: 0;
    inset-inline: 0;
    }

}

/* sm: ≤ 640px */
@media (max-width: 640px) {
    .gdrfa-sticky-bar {
        display: flex;
        width: 100%;
        height: 48px;
        padding: 0px var(--padding-padding-xxl, 16px) 16px var(--padding-padding-xxl, 16px);
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: unset;
        box-shadow: unset;

    }

    .gdrfa-sticky-bar-content {
        height: 48px;
    }

    .gdrfa-sticky-bar-left-side,
    .gdrfa-sticky-bar-right-side {
        gap: 16px;
        padding: 0;
    }

    .gdrfa-sticky-bar-icon-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        border-inline-end: unset !important;
        padding-inline-end: 0;
        padding-inline-start: 0;
        border-radius: var(--Roundness-Full-Inside, 128px);
        height: 48px;
        z-index: 1;
    }

    .gdrfa-sticky-bar-icon-btn-Container {
        display: flex;
        width: 48px;
        height: 48px;
        justify-content: center;
        align-items: center;
        border-radius: var(--radius-pill, 999px);
        background: var(--surface-surface, #FFF);
        padding: 0;

        /* elevation/3 */
        box-shadow: 0px 8px 24px 0px var(--opacity-on-surface-opacity12, rgba(0, 0, 0, 0.12));
    }

    .gdrfa-sticky-bar-mobile-Container {
        display: none;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 10px;

    }

    .gdrfa-sticky-bar-mobile-list {

        border-radius: 120px;
        background: var(--surface-surface, #FFF);
        position: absolute;
        left: -12px;
        top: -390.176px;
        width: 72px;
        height: 450px;
    }

    .gdrfa-sticky-bar-mobile-list-Container {
        display: none;
        padding: 12px 12px 70px 12px;
        flex-direction: column;
        align-items: center;
        gap: 8px;
        position: absolute;
        border-radius: 158px;
        inset-inline-end: 6px;
        transform: translateY(-44%);
        background-color: var(--bg-body);
    }
    
        
     #chat-popup-content.fancybox-content,
     body.rtl  #chat-popup-content.fancybox-content{
    	position: relative !important;
    inset-block-end: 0;
    inset-inline: 0;
     max-width: 350px !important;
    }
}

.footer-position {
    bottom: -60px;
}