/* Footer styles de-inlined from footer.phtml inline <style> (global, loaded in head). */
.footer-middle {
    background-color: #0e0d0d;
}

.footer-top {
    background-color: #0e0d0d;
    display: flex;
    align-items: center;
}

.footer-bottom {
    width: 100%;
    background-color: #202020;
}

.footer-bottom .container {
    margin: 0;
    max-width: 100%;
}

.footer {
    padding: 80px 0 0;
    background-color: #0e0d0d;
    position: relative;
    z-index: 101;
}
.footer-container-wrapper
{
    display: flex;
  flex-direction: row-reverse;
  gap: 80px;
  padding: 0 24px;
}
.footer-middle .block-bottom
{
    border-color : #444 !important
}
.block.newsletter .field .control:before
{
    right: 16px ;
    top: 50%;
    transform: translateY(-50%);
}
.footer-top .block.newsletter .control:before
{
    margin: 0 !important
}
html:lang(en) .block.newsletter .field .control:before
{
    right: unset ;
    left: 8px ;
}
@media screen and (min-width: 767px) {
    .footer {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row-reverse;
        justify-content : center
    }

    .footer-top {
        width: 30%;
    }

    .footer-middle {
        width: 70%;
    }

}

@media screen and (max-width: 992px) {
    .footer {
        display: flex;
        flex-direction: column;
    }

    .footer-top {
        width: 100%;
        display: flex;
        justify-content: start;
        max-width: 720px;
        margin: auto
    }

    .footer-middle {
        width: 100%;
    }
    .footer-container-wrapper
    {
    flex-direction: column;
    }
    .footer-middle .block
    {
        text-align : start 
    }
    .downloadapp-links
    {
        align-items : start !important;
        margin-block : 16px
    }
}

footer .img-container
{
    position: relative;
}
footer .overlay
{
    position: absolute;
    width: 100%;
    height : 100%;
    background : unset;
    display: flex ;
    justify-content : center ;
    align-items : center;
    opacity: 1;
    background-color : transparent ;
    padding: 24px ; 
    top : 0 ;
    right : 0
}
.overlay-subscribe button.action.primary
{
    position: absolute;
    top: 50% !important;
    left: 10px;
    transform: translateY(-50%) !important;
    border-radius: 2.664px;
    background: var(--Colors-Primary-color-primary-color-500, #F37021) ;
    display: flex ;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: var(--2B-Main-Colors-Primary-Colors-Black-01, #0E0D0D) ;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 31.969px; /* 266.406% */
    letter-spacing: 0.144px;
    border :none;
    width: auto !important;
    height: 40px !important;
}
html:lang(en) .overlay-subscribe button
{
    left: unset;
    right: 10px
}
.overlay-subscribe label
{
    position: absolute;
    top: 8px;
    right: 16px;
}
html:lang(en) .overlay-subscribe label
{
    right : unset ;
    left : 16px
}
.overlay-subscribe input#footer_newsletter
{
    height: 40px 
}
.overlay-subscribe input#footer_newsletter::placeholder
{
    max-width : 75%
}
/* html:lang(en) .overlay-subscribe input#footer_newsletter
{
    padding: 40px 90px 16px 16px
} */
.overlay-description > p
{
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 34px;
    letter-spacing: -1.44px;
    margin : 0 ;
}
.overlay-description > span 
{
    color: var(--System-Color-D-Grany-03, #BCBCBC);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.overlay-content
{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.overlay-subscribe
{
    position: relative;
}
.clip-path
{
position: relative;
}
.clip-path .clip_path_img
{
    height: 355px;
    width: 360px;
}

.footer-middle ul.links li, .footer-middle ul.features li
{
    color: #fff ;
    line-height : 24px
}
.downloadapp-links
{
    display: flex;
    flex-direction: column;
    align-items: start !important;
}
.footer-top .block .block-title,
.footer-top .block .block-title + .block-content
{
    display: none;
}
.footer-top .block.newsletter .actions button
{
    position: absolute;
    top: 0;
    transform: none;
    left: -8px;
    padding: 0 12px;
    height: 40px 
}
html:lang(en) .footer-top .block.newsletter .actions button
{
    left: unset ;
    right: -8px
}
.footer-top .block-content {
    margin: 0 !important
}
.block-content .block.newsletter
{
    width: 100% !important;
    margin : 0
}
input#footer_newsletter:not([disabled]):focus
{
    box-shadow : none
}
.block.newsletter span#sub
{
    color: var(--2B-Main-Colors-Primary-Colors-Black-01, #0E0D0D);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 31.969px; /* 266.406% */
    letter-spacing: 0.144px;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-transform: none;
}
.custom-block .col-md-12
{
    padding : 0 !important
}
html:lang(ar) span#sub::before {
    content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" fill="none"><path d="M2.77342 11.0074C2.81442 11.0074 2.85542 11.0004 2.89442 10.9874L12.7694 7.61244C12.9114 7.56344 13.0104 7.43544 13.0224 7.28594C13.0334 7.13644 12.9549 6.99444 12.8224 6.92494L1.57242 1.04994C1.44692 0.985441 1.29542 0.995441 1.18142 1.07694C1.06642 1.15894 1.00692 1.29794 1.02742 1.43794L2.40242 10.6879C2.41892 10.7979 2.48342 10.8949 2.57892 10.9529C2.63792 10.9889 2.70542 11.0074 2.77342 11.0074ZM11.7004 7.18494L3.07842 10.1319L1.87792 2.05594L11.7004 7.18494Z" fill="%230E0D0D" stroke="%230E0D0D" stroke-width="0.4"/><path d="M8.27344 12.5082C8.31244 12.5082 8.35194 12.5022 8.38994 12.4897C8.54444 12.4387 8.64844 12.2952 8.64844 12.1332V8.75815C8.64844 8.66365 8.61244 8.57165 8.54794 8.50215L1.67294 1.12715C1.53194 0.975154 1.29344 0.967654 1.14244 1.10865C0.990937 1.24965 0.982937 1.48715 1.12394 1.63915L7.89844 8.90565V10.9897L6.64694 9.28615C6.52444 9.12015 6.28944 9.08315 6.12244 9.20615C5.95544 9.32865 5.91994 9.56365 6.04244 9.73065L7.97094 12.3557C8.04344 12.4532 8.15644 12.5082 8.27344 12.5082Z" fill="%230E0D0D" stroke="%230E0D0D" stroke-width="0.4"/></svg>');
    padding-top: 6px ;
    padding-inline-end: 6px ;

}

html:lang(en) span#sub::after {
    content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" fill="none"><path d="M2.77342 11.0074C2.81442 11.0074 2.85542 11.0004 2.89442 10.9874L12.7694 7.61244C12.9114 7.56344 13.0104 7.43544 13.0224 7.28594C13.0334 7.13644 12.9549 6.99444 12.8224 6.92494L1.57242 1.04994C1.44692 0.985441 1.29542 0.995441 1.18142 1.07694C1.06642 1.15894 1.00692 1.29794 1.02742 1.43794L2.40242 10.6879C2.41892 10.7979 2.48342 10.8949 2.57892 10.9529C2.63792 10.9889 2.70542 11.0074 2.77342 11.0074ZM11.7004 7.18494L3.07842 10.1319L1.87792 2.05594L11.7004 7.18494Z" fill="%230E0D0D" stroke="%230E0D0D" stroke-width="0.4"/><path d="M8.27344 12.5082C8.31244 12.5082 8.35194 12.5022 8.38994 12.4897C8.54444 12.4387 8.64844 12.2952 8.64844 12.1332V8.75815C8.64844 8.66365 8.61244 8.57165 8.54794 8.50215L1.67294 1.12715C1.53194 0.975154 1.29344 0.967654 1.14244 1.10865C0.990937 1.24965 0.982937 1.48715 1.12394 1.63915L7.89844 8.90565V10.9897L6.64694 9.28615C6.52444 9.12015 6.28944 9.08315 6.12244 9.20615C5.95544 9.32865 5.91994 9.56365 6.04244 9.73065L7.97094 12.3557C8.04344 12.4532 8.15644 12.5082 8.27344 12.5082Z" fill="%230E0D0D" stroke="%230E0D0D" stroke-width="0.4"/></svg>');
    padding-top: 6px ;
    padding-inline-start: 6px ;

}
#footer_newsletter-error
{
    text-align: start;
    padding: 8px;
}
.footer-top .block.newsletter .control input
{
    color: #999 !important;
    background-color: #fff !important;
}
.block.newsletter .form.subscribe
{
    position: relative;
}
@media(max-width: 768px)
{
    .footer
    {
        margin-bottom : 95px !important
    }
}