.elementor-3850 .elementor-element.elementor-element-5efd4692{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:0px -5px 10px 0px rgba(0, 0, 0, 0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:25px;--padding-left:60px;--padding-right:40px;--position:fixed;top:0px;--z-index:5;}.elementor-3850 .elementor-element.elementor-element-5efd4692:not(.elementor-motion-effects-element-type-background), .elementor-3850 .elementor-element.elementor-element-5efd4692 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#BEB2A3;}body:not(.rtl) .elementor-3850 .elementor-element.elementor-element-5efd4692{left:0px;}body.rtl .elementor-3850 .elementor-element.elementor-element-5efd4692{right:0px;}.elementor-3850 .elementor-element.elementor-element-27d1eff5{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3850 .elementor-element.elementor-element-27d1eff5.e-con{--align-self:center;}.elementor-3850 .elementor-element.elementor-element-7ad9d102{text-align:start;}.elementor-3850 .elementor-element.elementor-element-7ad9d102 img{width:148px;max-width:200px;}.elementor-3850 .elementor-element.elementor-element-7ad9d102 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3850 .elementor-element.elementor-element-5271ca0f{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3850 .elementor-element.elementor-element-603ac10a .elementor-icon-wrapper{text-align:end;}.elementor-3850 .elementor-element.elementor-element-603ac10a.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-3850 .elementor-element.elementor-element-603ac10a.elementor-view-framed .elementor-icon, .elementor-3850 .elementor-element.elementor-element-603ac10a.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-3850 .elementor-element.elementor-element-603ac10a.elementor-view-framed .elementor-icon, .elementor-3850 .elementor-element.elementor-element-603ac10a.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-3850 .elementor-element.elementor-element-603ac10a.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-efc2d82 );}.elementor-3850 .elementor-element.elementor-element-603ac10a.elementor-view-framed .elementor-icon:hover, .elementor-3850 .elementor-element.elementor-element-603ac10a.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-efc2d82 );border-color:var( --e-global-color-efc2d82 );}.elementor-3850 .elementor-element.elementor-element-603ac10a.elementor-view-framed .elementor-icon:hover, .elementor-3850 .elementor-element.elementor-element-603ac10a.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-efc2d82 );}.elementor-3850 .elementor-element.elementor-element-603ac10a .elementor-icon{font-size:40px;}.elementor-3850 .elementor-element.elementor-element-603ac10a .elementor-icon svg{height:40px;}.elementor-3850 .elementor-element.elementor-element-603ac10a > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3850 .elementor-element.elementor-element-30d4efbd > .elementor-widget-container{margin:-9px -9px -9px -9px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-3850 .elementor-element.elementor-element-5efd4692{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3850 .elementor-element.elementor-element-27d1eff5{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3850 .elementor-element.elementor-element-7ad9d102 > .elementor-widget-container{margin:0px 0px 0px 20px;}.elementor-3850 .elementor-element.elementor-element-603ac10a > .elementor-widget-container{padding:0px 20px 0px 0px;}}@media(max-width:767px){.elementor-3850 .elementor-element.elementor-element-5efd4692{--padding-top:28px;--padding-bottom:11px;--padding-left:0px;--padding-right:0px;}.elementor-3850 .elementor-element.elementor-element-27d1eff5{--width:70%;--justify-content:center;}.elementor-3850 .elementor-element.elementor-element-5271ca0f{--width:30%;--justify-content:center;}.elementor-3850 .elementor-element.elementor-element-603ac10a > .elementor-widget-container{padding:0px 20px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-123d92ff */.elementor-3850 .elementor-element.elementor-element-123d92ff
{
    position: absolute;
    top: 100%;
    right: 40px;
    transform: scale(0.6);
    transform-origin: top right;
    pointer-events: none;
    display: none;
}

.elementor-3850 .elementor-element.elementor-element-123d92ff .ramadan-wrapper
{
    display: flex;
    align-items: start;
}

.elementor-3850 .elementor-element.elementor-element-123d92ff .light-garland
{
    
    transform-origin: top center;
    animation: skewSwing ease-in-out 1s infinite alternate;
    animation-delay: 500ms;
    position: absolute;
    width: 500px;
}

.elementor-3850 .elementor-element.elementor-element-123d92ff img
{
    width: 47px;
    position: relative;
    z-index: 2;
    display: block;
}

.elementor-3850 .elementor-element.elementor-element-123d92ff .lamp {
    position: relative;
    animation: swing ease-in-out 1s infinite alternate;
    animation-delay: 500ms;
    transform-origin: center -20px;
    float:left;
    /*opacity: 0;*/
}
 
@keyframes swing {
    0% { 
        transform: rotate(-5deg);
        opacity: 1;
    }
    100% { 
        transform: rotate(5deg);
        opacity: 1;
    }
}

@keyframes skewSwing {
    0% { 
        transform: skewX(5.2deg);
    }
    100% { 
        transform: skewX(-5.2deg);
    }
}

.elementor-3850 .elementor-element.elementor-element-123d92ff .lamp-8 img
{
    width: 56px;
}

.elementor-3850 .elementor-element.elementor-element-123d92ff .lamp-7 img
{
    width: 30px;
}

.elementor-3850 .elementor-element.elementor-element-123d92ff .lamp-6 img
{
    min-width: 180px;
}

.elementor-3850 .elementor-element.elementor-element-123d92ff .lamp-6
{
    width: 50px;
}

.elementor-3850 .elementor-element.elementor-element-123d92ff .lamp-5 img
{
    width: 40px;
}

.elementor-3850 .elementor-element.elementor-element-123d92ff .lamp-4 img
{
    width: 65px;
}

.elementor-3850 .elementor-element.elementor-element-123d92ff .lamp-2 img
{
    width: 56px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-30d4efbd */.elementor-3850 .elementor-element.elementor-element-30d4efbd
{
    position: absolute;
    right: 140px;
    top: 0;
    height: 100%;
    display: none;
}

.elementor-3850 .elementor-element.elementor-element-30d4efbd .ramadan-kareem-container
{
    display: flex;
    align-items: flex-start;
    gap: 5px;
    height: 100%;
}

.elementor-3850 .elementor-element.elementor-element-30d4efbd .ramadan-kareem-container .ramadan-logo
{
    align-self: center;
    height: 14px;
    width: unset !important;
    max-width: unset !important;
    margin: 0 6px 8px;
}

.elementor-3850 .elementor-element.elementor-element-30d4efbd .asset-item
{
    position: relative;
    animation: swing ease-in-out 1s infinite alternate;
    animation-delay: 500ms;
    transform-origin: center -20px;
}

.elementor-3850 .elementor-element.elementor-element-30d4efbd .ramadan-kareem-container .asset-1
{
    width: 20px;
}

.elementor-3850 .elementor-element.elementor-element-30d4efbd .ramadan-kareem-container .asset-2
{
    width: 18px;
}

.elementor-3850 .elementor-element.elementor-element-30d4efbd .ramadan-kareem-container .asset-3
{
    width: 40px;
}

.elementor-3850 .elementor-element.elementor-element-30d4efbd .ramadan-kareem-container .asset-4
{
    margin-left: -24px;
    width: 24px;
}

.elementor-3850 .elementor-element.elementor-element-30d4efbd .ramadan-kareem-container .asset-5
{
    width: 20px;
}

.elementor-3850 .elementor-element.elementor-element-30d4efbd .ramadan-kareem-container .asset-6
{
    width: 26px;
}

@keyframes swing {
    0% { 
        transform: rotate(-5deg);
        opacity: 1;
    }
    100% { 
        transform: rotate(5deg);
        opacity: 1;
    }
}/* End custom CSS */